Technical SEOPractical Guide

Core Web Vitals for SEO:
What They Are and Why They Matter

Core Web Vitals are Google's user experience metrics — LCP, INP, and CLS — that directly affect search rankings. This guide explains what each metric measures, what the thresholds are, and the most common fixes for SME websites in 2026.

By Freelance SEO & AI Consultant, London·4 June 2026·8 min read

Core Web Vitals became a Google ranking signal in May 2021 as part of the Page Experience update. They measure three dimensions of user experience: loading performance (LCP), interactivity (INP), and visual stability (CLS). Pages that pass all three thresholds receive a ranking boost on competitive SERPs.

They are not the primary ranking factor — content relevance and topical authority still dominate — but on competitive SERPs where multiple pages have similar authority, Core Web Vitals are increasingly the differentiator. More importantly, they are a proxy for user experience: a page that loads slowly, responds sluggishly, or shifts its layout unexpectedly will lose users regardless of its ranking position.

LCPLargest Contentful Paint

Measures: Loading performance

< 2.5s

Good

2.5s – 4.0s

Needs Improvement

> 4.0s

Poor

LCP measures how long it takes for the largest visible element on the page to render. This is usually a hero image, a large heading, or a video thumbnail. It is the most commonly failed Core Web Vital on SME sites.

Common Fixes

  • Convert hero images to WebP or AVIF format
  • Add explicit width and height to the LCP element
  • Preload the LCP image using <link rel='preload'>
  • Use a CDN to reduce server response time
  • Remove render-blocking CSS and JavaScript above the fold
INPInteraction to Next Paint

Measures: Interactivity

< 200ms

Good

200ms – 500ms

Needs Improvement

> 500ms

Poor

INP replaced FID (First Input Delay) in March 2024. It measures the delay between a user interaction (click, tap, keyboard input) and the next visual update. High INP is usually caused by heavy JavaScript execution on the main thread.

Common Fixes

  • Audit and reduce JavaScript bundle size
  • Defer non-critical JavaScript
  • Break up long tasks into smaller chunks
  • Avoid synchronous third-party scripts (chat widgets, analytics)
  • Use web workers for heavy computation
CLSCumulative Layout Shift

Measures: Visual stability

< 0.1

Good

0.1 – 0.25

Needs Improvement

> 0.25

Poor

CLS measures how much the page layout shifts unexpectedly during loading. A high CLS score means elements are moving around as the page loads — a poor user experience that Google penalises. The most common cause is images without explicit dimensions.

Common Fixes

  • Add explicit width and height to all images and videos
  • Reserve space for ads and embeds before they load
  • Avoid inserting content above existing content
  • Use font-display: swap for web fonts
  • Preload critical fonts

How to Measure Core Web Vitals

Google Search Console

Field data

Core Web Vitals report shows real-user data from Chrome users. The most authoritative source — use this to track progress over time.

PageSpeed Insights

Lab + Field data

Combines real-user data with lab measurements. Provides specific recommendations for each failing metric. Use this for diagnosis.

Chrome DevTools

Lab data

Performance panel provides the most granular diagnostic data. Use Lighthouse for an overall score and specific opportunities.

web-vitals.js

Field data

JavaScript library for measuring Core Web Vitals in your own analytics. Useful for tracking CWV data in GA4 or a custom dashboard.

Related: Technical SEO Audit Checklist

Core Web Vitals are one section of a full technical SEO audit. Our 50-point checklist covers all technical areas.

Read: Technical SEO Audit Checklist: 50 Checks for 2026 →

Frequently Asked Questions

Do Core Web Vitals directly affect Google rankings?

Yes, Core Web Vitals are a confirmed Google ranking signal as part of the Page Experience update. They are a tiebreaker rather than a primary ranking factor — content relevance and authority still dominate — but on competitive SERPs where multiple pages have similar topical authority, Core Web Vitals can be the differentiator.

What is the most important Core Web Vital for SEO?

LCP (Largest Contentful Paint) is generally the most impactful because it is the most commonly failed metric and has the most direct relationship with perceived page speed. Fixing LCP typically produces the largest improvement in PageSpeed Insights scores.

How do I check my Core Web Vitals?

Use Google Search Console (Core Web Vitals report) for field data from real users, and PageSpeed Insights for lab data and specific recommendations. Chrome DevTools Performance panel provides the most granular diagnostic data for developers.

My PageSpeed score is low but my site feels fast — does it matter?

PageSpeed Insights lab scores and real-user field data can diverge. What matters for rankings is field data (real users on real devices). If your GSC Core Web Vitals report shows 'Good' status for most URLs, a low lab score is less critical. Focus on field data first.

Need a Technical SEO Audit?

Core Web Vitals analysis is included in our Technical SEO Audit. We identify the specific elements causing failures and deliver a prioritised fix plan.

Book a Free Discovery Call