Web design

Core Web Vitals in Plain English

What Google's Core Web Vitals measure, why they matter for visitors, and the most common fixes for slow or jumpy pages.

Web developer at a desk with code on a large monitor

Core Web Vitals are a small set of measurements Google uses to describe how a page feels to use. They focus on three things visitors notice straight away: how quickly the main content appears, how quickly the page responds when you interact with it, and whether things jump around while it loads. Here is what each one means and what usually helps.

Loading: Largest Contentful Paint (LCP)

LCP measures how long it takes for the largest visible element, often a hero image or a big block of text, to appear. Google's guidance treats 2.5 seconds or less as good. Slow LCP is usually caused by large images, slow servers, or CSS and JavaScript that block the page from rendering.

Common fixes:

  • Resize and compress images, and use modern formats such as WebP or AVIF.
  • Make sure the main image is not lazy-loaded and is served at a sensible size.
  • Use good hosting and caching, and a content delivery network if your visitors are spread out.

Responsiveness: Interaction to Next Paint (INP)

INP looks at how quickly a page responds when someone clicks, taps or types. A page might look ready but feel sluggish because the browser is busy running scripts. Google replaced the older First Input Delay measure with INP in 2024. Heavy JavaScript, such as large themes, many plugins, chat widgets and tracking scripts, is the usual problem.

Common fixes:

  • Remove plugins and third-party scripts you do not really need.
  • Load non-essential scripts later or only on the pages that use them.
  • Ask your developer about breaking up long tasks in custom code.

Visual stability: Cumulative Layout Shift (CLS)

CLS measures how much content moves around unexpectedly while the page loads. You have probably tried to tap a link just as an advert pushed it down the page. That is layout shift.

Common fixes:

  • Always set width and height on images and video embeds so the browser reserves space.
  • Reserve space for adverts, banners and cookie notices.
  • Avoid inserting content above what the visitor is already reading.

How to check your site

Google PageSpeed Insights shows Core Web Vitals for any URL, using real visitor data where Google has enough of it, plus a lab test with suggestions. Google Search Console has a Core Web Vitals report that groups similar pages, which helps you find templates with problems rather than checking pages one by one.

How much do they matter for SEO?

Core Web Vitals are part of how Google assesses page experience, but relevance and content quality matter far more. A fast page with poor content will not outrank a slower page that answers the question much better. Think of good Core Web Vitals as removing friction: they help visitors stay and help a good page reach its potential.

A sensible approach

Start with your most visited templates, usually the home page, a main service or product page and a blog post. Fix the big, obvious issues first, such as oversized images and unnecessary scripts. Then measure again. Our website design guide covers speed alongside the other basics, and an SEO audit puts performance in context with everything else.