Web Vitals – measurements or metrics, shows how fast, stable, responsive a website feels to real users
Official Core Web Vitals:
- LCP (Largest Contentful Paint): How long it takes for the biggest visible part of the page (like a large image or headline) to appear.
- INP (Interaction to Next Paint): How quickly the page responds visually after you interact with it (like clicking a button).
- CLS (Cumulative Layout Shift): How much the page layout unexpectedly moves around as it loads (less is better).
Important web performance metrics:
- FCP (First Contentful Paint): How long it takes for the first piece of content (text or image) to show up on the screen.
- TTFB (Time to First Byte): How long it takes for your browser to get the first response from the server after you request a page.
Popular Chrome extensions for Web Vitals measurements:
https://chromewebstore.google.com/detail/core-web-vitals-visualize/mcffmgagphgpgkdclllnilokablhjcge
https://chromewebstore.google.com/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?pli=1