Core Web Vitals
Definition & meaning
Definition
Core Web Vitals are a set of specific metrics defined by Google that measure real-world user experience on web pages, and they are a confirmed ranking factor in Google Search. The three metrics are: LCP (Largest Contentful Paint) — how quickly the main content loads (target: under 2.5 seconds); INP (Interaction to Next Paint) — how responsive the page is to user interactions (target: under 200ms); and CLS (Cumulative Layout Shift) — how much the page layout moves unexpectedly during loading (target: under 0.1). Core Web Vitals data comes from real Chrome users (CrUX data) and can be measured via Google Search Console, PageSpeed Insights, Lighthouse, and web-vitals.js. Optimizing for these metrics involves techniques like image optimization, code splitting, font loading strategies, and avoiding layout-shifting elements.
How It Works
Core Web Vitals (CWV) are a set of specific, measurable performance metrics that Google uses to evaluate the real-world user experience of a web page. The current three metrics are: Largest Contentful Paint (LCP), which measures loading performance — how long it takes for the largest visible content element to render (target: under 2.5 seconds); Interaction to Next Paint (INP), which replaced First Input Delay in March 2024 and measures responsiveness — how long it takes for the page to visually respond to any user interaction (target: under 200 milliseconds); and Cumulative Layout Shift (CLS), which measures visual stability — how much the page layout unexpectedly shifts during loading (target: under 0.1). Google collects CWV data from real Chrome users via the Chrome User Experience Report (CrUX), evaluating at the 75th percentile. This means 75% of your real visitors must meet the thresholds. Core Web Vitals are a confirmed Google ranking signal as part of the page experience update, though their weight is moderate compared to content relevance and backlinks.
Why It Matters
Core Web Vitals directly impact both search rankings and user conversion rates. Google confirmed CWV as a ranking factor, and while the signal is not as strong as content quality or links, it serves as a tiebreaker between otherwise equal pages. More importantly, the business impact of performance is substantial: Google research shows that as page load time increases from 1 to 3 seconds, bounce probability increases by 32%. Amazon found that every 100ms of latency cost them 1% in sales. For developers and builders, CWV provides a clear, objective performance budget with specific targets. Meeting these thresholds is table stakes for any competitive web product. Poor CWV scores also affect your crawl efficiency, as Google may reduce crawl rate for slow sites.
Real-World Examples
Google Search Console provides a Core Web Vitals report showing which URLs pass or fail based on real-user CrUX data. PageSpeed Insights and Lighthouse give lab-based measurements alongside field data. Vercel's Speed Insights product monitors CWV in real time from actual visitors. Next.js has built-in CWV reporting via the web-vitals library. Common fixes include: lazy-loading below-fold images and setting explicit width/height attributes to prevent CLS; using font-display: swap to avoid invisible text during font loading; implementing code splitting to reduce JavaScript blocking INP; and serving images in WebP or AVIF format via a CDN to improve LCP. Cloudflare, Fastly, and AWS CloudFront all offer edge caching that directly improves LCP scores.
Tools We've Reviewed
Related Terms
Caching
InfrastructureStoring data copies in fast-access locations to avoid repeating expensive operations.
SEO (Search Engine Optimization)
MarketingOptimizing websites and content to rank higher in search engine results.
SSR / SSG / ISR
DevelopmentWeb rendering strategies: server-side, static generation, and incremental regeneration.
CDN
InfrastructureGlobal server network delivering content from the location nearest to each user.