Measuring Core Web Vitals

Metrics for Core Web Vitals

Core Web Vitals is an initiative by Google that aims to make user experience measurable by using performance metrics. These metrics are given below:

• Largest Contentful Paint (LCP): LCP is related to loading. It measures the time it takes for the main content of the page to load. LCP is considered good if the main content of the page loads within 2.5 seconds.

• Interaction to Next Paint (INP): INP measures interactivity. It measures the time it takes for the first input to be processed. This metric is related to JavaScript performance. Processing the first user input under 100 ms is considered good, and anything above 300 ms leads to a poor user experience.

• Cumulative Layout Shift (CLS): CLS is the last metric that measures visual stability. When a page loads and elements change position unexpectedly, it can negatively affect the user experience. Layout shifts are measured by comparing two rendered frames and calculating the distance of shifting elements between those frames. CLS needs to be below 0.1.

Note: Poor Core Web Vitals scores indicate bad user experience, which can also negatively affect SEO. A bad user experience will cause users to bounce from a page, which, in turn, lowers conversions, so it’s important to assess Core Web Vitals and make adjustments if needed.