Core Web Vitals Explained: What They Are and Why They Affect Your Rankings

In 2021, Google made an official announcement: user experience metrics would become ranking factors. Specifically, a set of measurements called Core Web Vitals. If your site scores poorly on these, Google will rank you lower — even if your content is excellent.

The good news: these metrics are measurable, improvable, and clearly defined. You don't need to guess. Here's exactly what they measure and how to make your scores better.

The Three Core Web Vitals

1. Largest Contentful Paint (LCP) — measures loading speed
LCP tracks how long it takes for the largest visible element on the page to load. That's usually your hero image, a large heading, or a block of text. It measures the moment a visitor would feel like the page is "mostly loaded."

• Good: under 2.5 seconds
• Needs improvement: 2.5–4.0 seconds
• Poor: over 4.0 seconds

The most common causes of a slow LCP: unoptimized images, slow server response times, and render-blocking scripts that delay everything else from loading.

2. Interaction to Next Paint (INP) — measures interactivity
INP measures how quickly your page responds when a visitor clicks something — a button, a link, a form field. A slow response makes the site feel sluggish even if it loaded quickly.

• Good: under 200 milliseconds
• Needs improvement: 200–500 milliseconds
• Poor: over 500 milliseconds

The main cause of poor INP: too much JavaScript running on the main thread, blocking interactions from being processed quickly.

3. Cumulative Layout Shift (CLS) — measures visual stability
CLS measures how much the page layout shifts unexpectedly while loading. You've experienced this: you're about to click a button and suddenly an image loads above it, pushing the button down — and you accidentally click something else. That's a bad CLS score.

• Good: under 0.1
• Needs improvement: 0.1–0.25
• Poor: over 0.25

Common causes: images without defined dimensions, ads or embeds that load late and push content down, web fonts that swap in after load.

How to Check Your Core Web Vitals

The easiest free tool is Google PageSpeed Insights — enter your URL and you'll see your scores for both mobile and desktop, plus specific recommendations for each metric.

Google Search Console also has a Core Web Vitals report (under "Experience") if your site has enough traffic to generate real-user data. This is more accurate than lab measurements because it reflects what actual visitors experience.

How to Improve Each Metric

Improving LCP (loading speed):

• Compress and properly size your hero image — this is the single biggest win for most sites
• Add loading="eager" and fetchpriority="high" to your main hero image so the browser prioritizes it
• Upgrade to faster hosting or enable a CDN — slow server response directly delays LCP
• Remove or defer scripts that block rendering

Improving INP (interactivity):

• Reduce the amount of JavaScript executing on page load
• Break up long JavaScript tasks into smaller chunks
• Remove unused third-party scripts — analytics, chat widgets, and ad scripts all compete for processing time

Improving CLS (visual stability):

• Always define width and height attributes on images — this reserves space before the image loads
• Use font-display: optional or font-display: swap with proper fallback fonts to minimize font-related shifts
• Avoid inserting content above existing content after load (ads, banners, cookie notices)

Do Core Web Vitals Actually Affect Rankings?

Yes — but they're one of many signals. Google has stated they're a "tiebreaker" between otherwise similar pages. In practice, sites with very poor Core Web Vitals scores (especially on mobile) do see ranking suppression, particularly in competitive niches.

More importantly, even if the ranking impact is modest, poor Core Web Vitals directly hurt your conversion rate. Slow, unstable, unresponsive pages lose visitors before they can become customers — regardless of where you rank.

Core Web Vitals are one of the metrics flagged in a comprehensive website health check, alongside speed, SEO, and conversion issues.

Find out how your site scores on Core Web Vitals.
GrowthLeak checks your site's performance metrics alongside SEO and conversion signals — and tells you exactly what to fix, in plain English.

Scan your site free →