Core Web Vitals Explained: What They Are & How to Pass Them

Google has said it out loud: how fast and stable your website feels is a ranking factor. That's what Core Web Vitals measure. If your pages load slowly, jump around while loading, or lag when someone taps a button, you're not just annoying visitors—you're handing rankings to competitors whose sites feel faster. This guide explains exactly what Core Web Vitals are, the scores you need to hit, and how to fix them.

What Are Core Web Vitals?

Core Web Vitals are three specific metrics Google uses to score the real-world user experience of a web page: loading speed, responsiveness to input, and visual stability. They're part of Google's broader "page experience" signals, and they're measured using data from actual Chrome users visiting your site—not a lab simulation.

Because they're built from real visitor data, you can't fake your way to a good score. A page that loads fast on your fiber connection but crawls on a customer's phone will be judged by the phone experience. That's the whole point: Google wants to reward sites that are genuinely good to use.

The Three Core Web Vitals

1. LCP — Largest Contentful Paint (Loading)

LCP measures how long it takes for the largest visible element—usually your hero image, headline, or main banner—to finish loading. In plain terms: how quickly does the page actually look "ready"?

• Good: 2.5 seconds or less
• Needs improvement: 2.5 – 4.0 seconds
• Poor: over 4.0 seconds

Common causes of a slow LCP: oversized images, slow hosting, render-blocking scripts, and fonts that take too long to load.

2. INP — Interaction to Next Paint (Responsiveness)

INP measures how quickly your page responds when someone interacts with it—clicking a button, opening a menu, adding to cart. It replaced the older "First Input Delay" (FID) metric in March 2024 because INP captures responsiveness across the entire visit, not just the first click.

• Good: 200 milliseconds or less
• Needs improvement: 200 – 500 milliseconds
• Poor: over 500 milliseconds

Poor INP is almost always caused by heavy JavaScript—bloated themes, too many apps or plugins, and third-party scripts (chat widgets, trackers, pop-ups) all pile up and make the page feel sluggish.

3. CLS — Cumulative Layout Shift (Visual Stability)

CLS measures how much your page content unexpectedly jumps around while it loads. You've felt this: you go to tap a link, an ad or image loads above it, and suddenly you've tapped the wrong thing. That's layout shift, and Google penalizes it.

• Good: 0.1 or less
• Needs improvement: 0.1 – 0.25
• Poor: over 0.25

The usual culprits: images and ads without defined dimensions, fonts that swap and reflow text, and content injected at the top of the page after load.

To "pass" Core Web Vitals, at least 75% of your real visitors need to hit the "Good" threshold for all three metrics. It's not about your best-case load—it's about your typical visitor's experience.

Why Core Web Vitals Matter for Your Business

Two reasons, and they reinforce each other:

1. Rankings: Core Web Vitals are a confirmed Google ranking signal. When two pages are otherwise similar, the faster, more stable one wins the better position.
2. Conversions: Speed is money. Google's own research found that as page load time goes from 1 second to 3 seconds, the probability a visitor bounces jumps by 32%. Every second of delay quietly costs you leads and sales.

So even setting SEO aside, a fast site pays for itself. Core Web Vitals just put a number on something your customers already feel.

How to Check Your Core Web Vitals

You have a few free options:

• Google PageSpeed Insights: Paste in any URL and it reports your Core Web Vitals plus specific fixes.
• Google Search Console: The "Core Web Vitals" report shows which of your pages are failing, grouped by issue.
• Chrome DevTools (Lighthouse): A lab test built into your browser for spot-checks while you make changes.

One important nuance: PageSpeed Insights shows both lab data (a simulated test) and field data (real Chrome users). Google ranks on the field data. If your lab score is great but field data is poor, your real visitors—often on slower phones and networks—are having a worse experience than your test suggests.

How to Improve Each Core Web Vital

Fixing LCP (make it load faster)

• Compress and correctly size images; serve modern formats like WebP
• Use fast, quality hosting or a CDN
• Preload your hero image and critical fonts
• Remove or defer render-blocking JavaScript and CSS

Fixing INP (make it respond faster)

• Audit and remove unused plugins, apps, and third-party scripts
• Break up long-running JavaScript tasks
• Lazy-load non-essential widgets (chat, pop-ups) so they don't block interaction
• Choose a lightweight, well-coded theme instead of a bloated all-in-one

Fixing CLS (make it stable)

• Always set width and height on images and video
• Reserve space for ads, embeds, and banners
• Use font-display settings that avoid jarring text reflow
• Never inject content above existing content after the page loads

The Hard Truth About "Just Install a Speed Plugin"

Plugins and apps that promise to "fix your speed" can help at the margins, but they rarely get you to passing scores on their own—and stacking several of them often makes INP worse because each one adds more JavaScript. Genuinely fast sites are usually fast because they're built well: lean code, optimized images, minimal third-party bloat, and good hosting. That's an engineering problem, not a plugin problem.

This is exactly why platform choice and build quality matter so much. A purpose-built, statically-served site will run circles around a page weighed down by a heavy theme and 30 plugins. (See our guides on how SEO works and how long SEO takes for how this fits the bigger picture.)

Want to Know Where Your Site Stands?

You don't have to guess. Run your site through our free instant SEO audit and you'll see your on-page and technical health in seconds—no strings attached.

At The Brand Arsenal, we build and optimize sites that pass Core Web Vitals, because fast pages rank higher and convert more. If your site is slow, unstable, or bleeding rankings to faster competitors, get in touch and we'll show you exactly what to fix.