More in LearnCore 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.
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.
