Google's Core Web Vitals are a set of specific, measurable performance metrics that quantify a user's experience on a webpage. For web developers and technical SEOs, passing these assessments is critical for algorithmic visibility. This guide provides the strict technical definitions and passing thresholds for the three primary metrics.
Largest Contentful Paint (LCP)
Definition: LCP measures loading performance. It marks the precise render time of the largest image, video, or text block visible within the viewport when the page first loads.
- Good: Less than or equal to 2.5 seconds
- Needs Improvement: Between 2.5 and 4.0 seconds
- Poor: Greater than 4.0 seconds
To optimize LCP, developers should implement critical CSS extraction, defer non-critical JavaScript, and utilize aggressive image optimization (such as WebP formats) combined with a robust Content Delivery Network (CDN).
Interaction to Next Paint (INP)
Definition: Replacing First Input Delay (FID) as of March 2024, INP measures page responsiveness. It observes the latency of all click, tap, and keyboard interactions throughout a user's entire visit to the page, reporting the longest duration.
- Good: Less than or equal to 200 milliseconds
- Needs Improvement: Between 200 and 500 milliseconds
- Poor: Greater than 500 milliseconds
Minimizing main-thread blocking time is crucial for INP optimization. This involves breaking up long JavaScript tasks and yielding to the main thread frequently.
Cumulative Layout Shift (CLS)
Definition: CLS measures visual stability. It quantifies the unexpected shifting of page elements while the page is rendering. A shift occurs when a visible element changes its position from one rendered frame to the next.
- Good: Less than or equal to 0.1
- Needs Improvement: Between 0.1 and 0.25
- Poor: Greater than 0.25
To prevent CLS, developers must always include explicit width and height attributes on images and video elements, and reserve layout space for dynamic content like programmatic advertisements before they load.
Test Your Vitals
Always measure your Core Web Vitals using field data from the Chrome User Experience Report (CrUX) via Google Search Console, rather than relying solely on lab data from tools like Lighthouse.