Okuzeka
Web Development vocabulary · Web Performance

Core Web Vitals

Meaning in web development, with examples

nounAdvanced term

In web development, Core Web Vitals means: Three metrics from Google that measure real user experience on a page: loading (LCP), responsiveness (INP) and visual stability (CLS).

In Turkish: Önemli Web Verileri, Core Web Vitals

How it is used

LCP is Largest Contentful Paint, INP is Interaction to Next Paint (it replaced FID in 2024) and CLS is Cumulative Layout Shift. Teams track them in Search Console and PageSpeed Insights; they are one of many signals Google uses in ranking.

Example sentences

  1. Our Core Web Vitals failed on mobile because of a large layout shift in the header.

  2. After the redesign, all three Core Web Vitals are in the green.

Common collocations

  • pass Core Web Vitals
  • Core Web Vitals report
  • layout shift
  • field data
  • load timeHow long a page takes to download and appear on screen in a usable state, usually measured in seconds or milliseconds.
  • SEOSearch Engine Optimization: work that helps a site's pages to be found, understood and shown higher in search engines such as Google.
  • image optimizationMaking image files as small as possible while they still look good, for example by compressing and resizing them and by using modern formats.
  • lazy loadingA technique that waits to load images, videos or code until they are actually needed, for example when the user scrolls near them.

This word in other fields

The same English word can have a different meaning in another field:

More terms: Web Performance

Practise with graded reading

Reading at the right level is the fastest way to make new words stick. Pick free English books by level: