Core Web Vitals Explained: The 3 Numbers Google Cares About Most

← Back to all posts

Google measures your website's user experience with three specific numbers. They call them Core Web Vitals. If these numbers are bad, Google penalises your rankings. If they're good, you get a boost.

Here's what each one means and what to do about it.

1. LCP -- Largest Contentful Paint

What it measures: How long until the biggest piece of content on your page is visible.

In plain English: How long does a visitor wait before they see your main content? For most pages, this means the hero image or the first big block of text.

Thresholds:

  • Good: Under 2.5 seconds
  • Needs improvement: 2.5 - 4.0 seconds
  • Poor: Over 4.0 seconds

    • Why it matters: If your main content takes 10 seconds to appear, visitors leave. Google knows this and ranks faster sites higher.

    Common causes of slow LCP:

  • Huge uncompressed images (the #1 culprit)
  • Slow server response time
  • Render-blocking CSS or JavaScript
  • No CDN for visitors far from your server

    • Quick fixes:

  • Compress images and convert to WebP format
  • Add `loading="lazy"` to images below the fold
  • Ensure your hero image loads first (don't lazy-load it)
  • Ask your hosting provider about server response time

    • 2. CLS -- Cumulative Layout Shift

    What it measures: How much your page content moves around while loading.

    In plain English: Have you ever tried to click a button on a website, but just as you clicked, the page shifted and you hit something else? That's layout shift. Google measures how much of that happens.

    Thresholds:

  • Good: Under 0.1
  • Needs improvement: 0.1 - 0.25
  • Poor: Over 0.25

    • Why it matters: Layout shift is frustrating. It makes users feel out of control. Google wants to send people to sites that don't do this.

    Common causes of CLS:

  • Images without width and height attributes (browser doesn't know how much space to reserve)
  • Ads or embeds that load after the page (pushing content down)
  • Web fonts that cause text to resize when they load
  • Dynamic content injected above existing content

    • Quick fixes:

  • Add width and height to every `` tag
  • Reserve space for ads and embeds with CSS
  • Use `font-display: swap` for web fonts
  • Don't insert content above the fold after page load

    • 3. INP -- Interaction to Next Paint

    What it measures: How quickly your page responds when someone clicks, taps, or types.

    In plain English: When a visitor clicks a button, how long until something visibly happens? INP replaced the old FID (First Input Delay) metric in March 2024.

    Thresholds:

  • Good: Under 200 milliseconds
  • Needs improvement: 200 - 500 milliseconds
  • Poor: Over 500 milliseconds

    • Why it matters: A site that feels sluggish when you interact with it feels broken. Google measures this because responsive sites keep users engaged.

    Common causes of poor INP:

  • Heavy JavaScript running on the main thread
  • Complex event handlers on buttons and forms
  • Too many third-party scripts (analytics, chat widgets, ad scripts)
  • Excessive DOM size (too many HTML elements)

    • Quick fixes:

  • Defer non-critical JavaScript
  • Remove unnecessary third-party scripts
  • Simplify complex interactions
  • Use a web worker for heavy processing

    • How to Check Your Core Web Vitals

    Free tools:

    1. Google PageSpeed Insights (pagespeed.web.dev) -- Enter your URL, see all three metrics with specific recommendations 2. Google Search Console -- Core Web Vitals report shows data for your entire site 3. Chrome DevTools -- Performance tab shows detailed timing

    What we do:

    Our audit runs Google Lighthouse (which measures all three metrics) and reports the results in context. We tell you not just your numbers, but how they compare to Google's thresholds and to your competitors.

    The Most Important Thing to Remember

    Core Web Vitals are not about perfection. They're about meeting the threshold.

    A site with LCP of 2.4 seconds and one with LCP of 0.5 seconds get the same benefit from Google. You need to be in the "Good" zone -- you don't need to be the fastest site on the internet.

    Focus on getting all three metrics into the green zone. After that, invest your time in content and other SEO factors.

    *Check your Core Web Vitals and everything else. [Get your SEO audit](https://seorankmasters.com) -- from GBP 29.*

    Want to know your SEO score?

    Get a free score check across 6 categories. Takes 30 seconds.

    Check My Score Free