Definition
Core Web Vitals are a set of three specific performance metrics that Google uses to measure real-world user experience on web pages. They became official ranking signals in 2021 as part of the Page Experience update, and in 2026 they remain a meaningful factor in both traditional search rankings and the indirect quality signals that influence AI citation decisions.
The three current metrics are:
Largest Contentful Paint (LCP) measures perceived loading speed—how long it takes for the largest visible content element (typically a hero image, heading, or text block) to render. The threshold for 'good' is under 2.5 seconds.
Interaction to Next Paint (INP) measures responsiveness—how quickly the page responds to user interactions like clicks, taps, and keyboard input. INP replaced First Input Delay (FID) as the official interactivity metric in March 2024 because it captures responsiveness throughout the entire page lifecycle, not just the first interaction. A 'good' INP score is under 200 milliseconds.
Cumulative Layout Shift (CLS) measures visual stability—how much the page layout shifts unexpectedly during loading. Elements that move after the user has started reading or interacting create a frustrating experience. A 'good' CLS score is under 0.1.
These metrics are measured at the 75th percentile of real-user page loads, segmented by mobile and desktop. Google collects this data through the Chrome User Experience Report (CrUX), meaning scores reflect actual visitor experiences rather than lab simulations.
Core Web Vitals matter for SEO because Google uses them as a tiebreaker among pages with similar content quality. When two pages are equally relevant and authoritative, the one with better performance metrics gets the ranking advantage. While Core Web Vitals alone won't overcome a significant content quality gap, poor performance can prevent otherwise strong content from reaching its ranking potential.
For AI visibility, the relationship is indirect but meaningful. AI Overviews—appearing in 47% of Google searches—draw from indexed content, and content from fast, stable pages tends to be indexed more completely and frequently. AI crawlers like GPTBot, ClaudeBot, and PerplexityBot also benefit from fast server responses when fetching content. Pages that time out or load slowly may be incompletely crawled by AI systems, reducing citation opportunities.
Key optimization strategies by metric:
LCP improvements: Optimize and compress images (use modern formats like WebP/AVIF), implement lazy loading for below-fold content, use a CDN, minimize render-blocking CSS and JavaScript, and optimize server response times (Time to First Byte).
INP improvements: Break up long JavaScript tasks into smaller chunks, defer non-critical scripts, use web workers for heavy computations, optimize event handlers, and minimize main-thread blocking. INP is often the hardest metric to optimize because it requires attention to every interactive element on the page.
CLS improvements: Set explicit width and height attributes on images and videos, reserve space for dynamic content like ads and embeds, avoid inserting content above existing content after page load, and use CSS containment where appropriate.
Monitor Core Web Vitals through Google Search Console (field data from real users), PageSpeed Insights (combined lab and field data), Chrome DevTools (local debugging), and web-vitals JavaScript library (custom real-user monitoring). Regular monitoring is essential because site changes, third-party script updates, and traffic pattern shifts can all affect scores.
Examples of Core Web Vitals
- An e-commerce site optimized hero images to WebP format and implemented lazy loading, improving LCP from 4.2 seconds to 1.8 seconds. The improvement correlated with a 12% increase in organic traffic and better crawl coverage by AI bots that had previously timed out on slow product pages.
- A news site reduced INP from 380ms to 140ms by breaking up long JavaScript tasks powering their comment system and ad rendering. The responsiveness improvement contributed to lower bounce rates and higher engagement metrics that reinforced content quality signals.
- A blog eliminated CLS issues by adding explicit dimensions to all images and reserving space for ad slots. CLS dropped from 0.25 to 0.04, and the improved reading experience increased average time on page by 20%—a user engagement signal that benefits both search rankings and AI quality assessment.
- A SaaS marketing site implemented a CDN, optimized server-side rendering, and deferred non-critical third-party scripts. All three Core Web Vitals reached 'good' thresholds, and the site moved from page two to the top five for several competitive keywords within three months.
- A recipe site combined image compression, font-display swap, and proper video embed sizing to pass all Core Web Vitals. The performance improvements, combined with Recipe schema markup, increased their featured snippet appearances by 35% and AI Overview citations for cooking queries.
