Roast My Site
Back to Blog
SEO
Apr 4, 20265 min read

Google Core Web Vitals 2026 Complete Guide

EP
Enzo P.
Founder, Roast My Site

Google uses Core Web Vitals as direct ranking signals. A poor score doesn't just create a bad user experience — it actively suppresses your position in search results. In 2026, with AI Overviews dominating the top of search pages, every organic position point matters more than ever.

The Three Core Metrics

LCP — Largest Contentful Paint

Target: under 2.5 seconds

LCP measures how long it takes for the largest visible element (usually your hero image or main heading) to fully render. It's the metric most correlated with perceived load speed.

How to improve it:

  • Preload your hero image with "<link rel="preload">"
  • Serve images in WebP format
  • Use a CDN to reduce server response time
  • Eliminate render-blocking resources (fonts, CSS)
  • INP — Interaction to Next Paint

    Target: under 200ms

    INP replaced FID in 2024 and measures how quickly your page responds to user interactions (clicks, taps, keyboard input). A sluggish INP makes your site feel broken even if it loads fast.

    How to improve it:

  • Reduce JavaScript execution time
  • Break up long tasks (> 50ms) with "setTimeout" or "scheduler.yield"
  • Remove or defer heavy third-party scripts
  • Avoid synchronous operations that block the main thread
  • CLS — Cumulative Layout Shift

    Target: under 0.1

    CLS measures visual instability — elements jumping around as the page loads. The classic cause: images without declared width/height, ads that load late and push content down, web fonts that swap.

    How to improve it:

  • Always set explicit width and height on images and video elements
  • Reserve space for ad slots before content loads
  • Use "font-display: optional" for non-critical fonts
  • Impact on SEO

    Google's Page Experience signal bundles Core Web Vitals with HTTPS, mobile-friendliness, and absence of intrusive interstitials. Pages with "Good" CWV scores get a ranking boost. Pages with "Poor" scores get suppressed, especially against competitors with "Good" scores.

    How to Measure

  • Google Search Console: The "Core Web Vitals" report shows real-user data (field data) across your entire site
  • PageSpeed Insights: Real-user data + lab testing in one tool
  • Chrome DevTools Performance tab: For detailed investigation of specific pages
  • For fixing the speed issues that drive poor CWV scores, our 10 ways to speed up your website guide covers every lever you can pull.

    Share

    Enjoyed this article?

    Get more brutal website advice every week.

    Related Articles