Core Web Vitals Explained: LCP, INP and CLS Without the Jargon

Think of your website as a restaurant. Google, like a food critic, does not only care about the menu (your content). It also cares about the experience of eating there. Core Web Vitals are the three things that critic times with a stopwatch.

LCP: how fast does the food arrive?

Largest Contentful Paint (LCP) measures how long it takes for the biggest thing on the first screen, usually a hero image or a large heading, to appear.

• Good: 2.5 seconds or less
• Needs improvement: up to 4 seconds
• Poor: over 4 seconds

In restaurant terms: you sat down, you ordered, and you are staring at an empty table.

Common fixes:

1. Compress the hero image and serve it as WebP or AVIF at the right size.
2. Give the hero image fetchpriority="high" and never lazy load it.
3. Remove render blocking CSS and JavaScript the first screen does not need.
4. Use a CDN and proper caching so the server answers quickly.

INP: does the waiter respond?

Interaction to Next Paint (INP) measures how quickly the page visibly reacts when someone taps, clicks or types. It replaced First Input Delay in March 2024.

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

In restaurant terms: you wave at the waiter, and they stare through you while folding napkins.

Common fixes:

1. Cut heavy JavaScript, especially third party scripts like chat widgets and trackers you no longer need.
2. Break long tasks into smaller ones so the browser can respond in between.
3. Show instant visual feedback on click, even if the work behind it takes longer.

CLS: does the table keep moving?

Cumulative Layout Shift (CLS) measures how much content jumps around while the page loads. You know the feeling: you go to tap a link and an ad pushes it down at the last moment.

• Good: 0.1 or less
• Needs improvement: up to 0.25
• Poor: over 0.25

In restaurant terms: every time you reach for your glass, someone slides the table.

Common fixes:

1. Always set width and height on images and video so space is reserved.
2. Reserve space for ads, embeds and banners before they load.
3. Load web fonts with a sensible fallback so text does not reflow.

How to measure the right way

Use PageSpeed Insights for a quick check, but look at the top section first: that is field data from real users, and it is what Google’s assessment uses. The lab score underneath is useful for debugging, not for judging success.

In Google Search Console, the Core Web Vitals report groups your URLs by status, so you can fix templates instead of chasing pages one by one. Google assesses each metric at the 75th percentile of visits, so most of your visitors need a good experience, not just the lucky ones on fast phones.

The takeaway

Fast food, an attentive waiter, a table that stays put. Get those three right and both the critic and your customers will come back.

Core Web Vitals work is a core part of my technical SEO service. For the full list of what I check, see the technical SEO audit checklist.