What Are Core Web Vitals?
Core Web Vitals are a set of specific metrics Google uses to measure the real-world user experience of a webpage. They became official ranking signals in 2021 and have since grown in importance as Google continues to emphasize page experience alongside content relevance.
These metrics focus on three dimensions of user experience: loading performance, interactivity, and visual stability.
The Three Core Web Vitals
1. Largest Contentful Paint (LCP) — Loading Performance
LCP measures how long it takes for the largest visible content element (usually a hero image or large heading) to render on screen from the moment a user navigates to the page.
- Good: 2.5 seconds or less
- Needs Improvement: 2.5 – 4.0 seconds
- Poor: Over 4.0 seconds
How to improve LCP: Optimize and compress images, use modern formats like WebP or AVIF, implement lazy loading for off-screen images, upgrade your hosting or use a CDN, and eliminate render-blocking resources.
2. Interaction to Next Paint (INP) — Interactivity
INP replaced First Input Delay (FID) in March 2024. It measures the responsiveness of a page to all user interactions (clicks, taps, keyboard inputs) throughout the entire page lifecycle — not just the first one.
- Good: 200 milliseconds or less
- Needs Improvement: 200 – 500 milliseconds
- Poor: Over 500 milliseconds
How to improve INP: Reduce JavaScript execution time, defer non-critical scripts, break up long tasks, and minimize third-party script impact.
3. Cumulative Layout Shift (CLS) — Visual Stability
CLS measures how much page content shifts unexpectedly while the page is loading. A high CLS score means buttons and text move around as the page renders, causing frustrating mis-clicks.
- Good: 0.1 or less
- Needs Improvement: 0.1 – 0.25
- Poor: Over 0.25
How to improve CLS: Always set explicit width and height attributes on images and videos, avoid inserting content above existing content, and ensure ads and embeds have reserved space.
How to Measure Core Web Vitals
You can measure Core Web Vitals using several free tools:
- Google Search Console: The Core Web Vitals report shows field data (real user data) aggregated from Chrome users on your site.
- PageSpeed Insights: Provides both lab data (simulated) and field data for any URL.
- Lighthouse: Built into Chrome DevTools; runs lab tests with detailed recommendations.
- Chrome User Experience Report (CrUX): Raw dataset of real-world performance metrics from Chrome users.
Lab Data vs. Field Data
Understanding this distinction matters for accurate diagnosis:
| Type | What It Is | Best Used For |
|---|---|---|
| Lab Data | Simulated tests in controlled conditions | Debugging and development |
| Field Data | Real measurements from actual users | Understanding true user experience |
Google's ranking decisions use field data. Lab data is a diagnostic tool, not a ranking input.
Prioritizing Your Fixes
If your site has issues across multiple metrics, tackle them in this order:
- LCP first — loading speed has the broadest impact on user retention and rankings.
- CLS second — layout shifts are often quick wins (adding image dimensions, reserving ad space).
- INP third — JavaScript optimization requires more development effort but is increasingly important.
Small, incremental improvements across all three metrics can meaningfully shift your page into "Good" territory and give you a competitive edge in the SERPs.