Web vitals are the key metrics that can help us to quantify the experience of our websites or web apps. We can use them to improve the user experience.
Overview
- Largest Contentful Paint (LCP): It measures loading performance. For better user performance, LCP should occur within 2.5 seconds.
- First Input Delay (FID): It measures interactivity. A better user experience should have fewer than 100 milliseconds page FID.
- Cumulative Layout Shift (CLS): It measures visual stability. Pages should maintain a CLS of less than 0.1.
- Time to First Byte (TTFB): It refers to the time between the browser requesting a page and when it receives the first byte of information from the server.
- First Contentful Paint (FCP): The time when the browser renders the first bit of content.
Google’s reports at a glance https://support.google.com/webmasters/answer/9133276?hl=en&ref_topic=9456557
Core Web Vitals report https://support.google.com/webmasters/answer/9205520?hl=en&ref_topic=9456557
