Core Web Vitals Explained: LCP, CLS, and INP for Site Owners
Google uses hundreds of signals to rank websites, but few are as concrete and measurable as Core Web Vitals. These are real-user performance metrics — not synthetic lab benchmarks — that measure how fast pages actually load, how stable the layout feels, and how quickly the page responds to user input.
Understanding what each metric means, where the thresholds sit, and how to measure them is essential for any site owner who cares about search rankings and user experience.
What Are Core Web Vitals?
Core Web Vitals are a set of three user-experience metrics that Google officially uses as a ranking factor as part of its Page Experience signal. They were introduced in 2021 and have since become a standard benchmark for web performance. Unlike server-side metrics (like time-to-first-byte), Core Web Vitals are measured from the user's perspective in real browsers.
Google collects this data from Chrome users via the Chrome User Experience Report (CrUX) and uses it both for ranking signals and in tools like PageSpeed Insights and Search Console. If your site has enough Chrome traffic, your real-user data feeds directly into Google's systems.
The Three Metrics: LCP, CLS, and INP
LCP — Largest Contentful Paint
LCP measures how long it takes for the largest visible element on the page to finish loading. This is typically the hero image, a large heading, or the main content block. It represents the point at which the page feels loaded to the user.
- Good: under 2.5 seconds
- Needs improvement: 2.5 to 4.0 seconds
- Poor: over 4.0 seconds
Common LCP killers: slow server response, render-blocking resources (JavaScript and CSS loaded before the main content), unoptimized images, and missing preload hints for critical assets.
CLS — Cumulative Layout Shift
CLS measures visual stability — how much the page layout shifts unexpectedly as it loads. If an ad suddenly pushes content down, or a font swap causes text to jump, that registers as a layout shift. CLS is scored as a unitless value (not time).
- Good: 0.1 or less
- Needs improvement: 0.1 to 0.25
- Poor: above 0.25
To fix CLS: always set explicit width and height attributes on images and videos, reserve space for ads and embeds, and avoid inserting content above existing content unless in response to user interaction.
INP — Interaction to Next Paint
INP replaced FID (First Input Delay) as an official Core Web Vital in March 2024. It measures the latency of all interactions — clicks, taps, and key presses — throughout the entire page lifecycle, not just the first one. INP is the 98th-percentile interaction delay observed on the page.
- Good: under 200 milliseconds
- Needs improvement: 200 to 500 ms
- Poor: over 500 ms
High INP is typically caused by heavy JavaScript execution that blocks the main thread when the user tries to interact with the page. Audit your JS bundles, defer non-critical scripts, and use web workers for expensive computations.
How to Measure Core Web Vitals
There are three main ways to measure CWVs:
Chrome DevTools: Open the Performance tab and record a page load. CWV markers appear on the timeline. The Lighthouse panel provides lab-based estimates with actionable recommendations. Good for debugging specific pages during development.
PageSpeed Insights: Enter any public URL at pagespeed.web.dev. It shows both lab data (Lighthouse) and field data (real CrUX data if available). The field data section is what Google actually uses for ranking — pay attention to this section, not just the lab score.
Google Search Console CWV report: If your site has enough Chrome users, Search Console's Core Web Vitals report groups your URLs into Good, Needs Improvement, and Poor buckets. This is the clearest signal of how Google views your site's performance at scale.
statpx automatically tracks Core Web Vitals from real visitors — free
statpx measures real-user LCP, CLS, and INP from actual visitor sessions using the Performance Observer API. No configuration needed — install the snippet and CWV data appears automatically.
Start tracking free →The Bottom Line
Core Web Vitals are not a mystery — they are three concrete, measurable thresholds that you can monitor and improve. LCP should be under 2.5 seconds, CLS under 0.1, and INP under 200ms. Failing these thresholds can hurt your rankings and signals a poor experience for real users.
The most important thing is to measure from real users, not just lab simulations. Lab tools like Lighthouse give you a starting point, but field data from actual visitors reflects what Google sees. If you want to understand how your site's SEO performance connects to visitor behavior, read our guide on using analytics data to improve your SEO.