Skip to main content
More in Learn

Core Web Vitals

Core web vitals is a set of metrics introduced by Google to help you measure the quality of user experience on a website by quantifying the core web vital metrics. The metrics are defined as the three most important metrics to measure the quality of user experience.

The Core Web Vitals Metrics

The three core web vitals metrics are the largest contentful paint, first input delay, and cumulative layout shift. These metrics measure the loading, interactivity, and visual stability of the webpage.

  • Largest Contentful Paint, LCP: measures loading performance with the perceived time the main content of the page is likely loaded content. Should be less than 2.5s
  • First Input Delay, FID: measures interactivity. The time it takes before the user can provide input. Should be under 100ms.
  • Cumulative Layout Shift, CLS: measures visual stability. The layout should be visually stable and keep a CLS of less than 0.1.

Measuring Core Web Vitals

You can measure the core web vitals using the web vitals open-source library, or you can use the Chrome web vitals browser extension, which requires no coding from your side.

PageSpeed Insights now also measures the core web vitals metrics directly.

PageSpeed Insights measuring core web vitals

Measuring Global Site Performance

When optimizing for site speed, it is important to measure the performance from different locations globally. Lighthouse metrics is a great tool for doing so, and it measures the site speed from six other locations giving you a good overview of the site performance from around the globe.

Global site speed measured with Lighthouse metrics
People showing thumbs up

Need further assistance?

Ask the Crystallize team or other enthusiasts in our slack community.

Join our slack community