Since Google made Core Web Vitals an official ranking signal in 2021, poor performance has had a direct, measurable impact on search position — and therefore on traffic, leads, and revenue. In 2025, these metrics continue to evolve, with INP (Interaction to Next Paint) having fully replaced FID as the interactivity metric.
This article explains what each metric measures, what the thresholds are, and — most importantly — what practical steps you can take to improve them.
The Three Core Web Vitals
1. LCP — Largest Contentful Paint (Loading Speed)
LCP measures how long it takes for the largest visible content element on the page to render. Typically this is a hero image, a large heading, or a video thumbnail. It tells you how quickly the page feels loaded to the user.
- Good: 2.5 seconds or less
- Needs Improvement: 2.5 – 4.0 seconds
- Poor: more than 4.0 seconds
The most common LCP culprits are unoptimised images (large file sizes, no lazy loading), slow server response times, and render-blocking JavaScript or CSS.
2. INP — Interaction to Next Paint (Interactivity)
INP replaced FID (First Input Delay) in March 2024. Where FID only measured the delay before the browser responds to the first input, INP measures the total time between user interaction and the next visual update throughout the entire page lifecycle. This makes it a much more rigorous real-world measure of interactivity.
- Good: 200 milliseconds or less
- Needs Improvement: 200 – 500 milliseconds
- Poor: more than 500 milliseconds
High INP is usually caused by heavy JavaScript execution, long tasks blocking the main thread, or inefficient event handlers. React and other JavaScript frameworks can contribute to poor INP if not carefully optimised.
3. CLS — Cumulative Layout Shift (Visual Stability)
CLS measures how much the page layout shifts unexpectedly during loading. A high CLS score means buttons and text are moving around as the page loads — causing accidental clicks and a frustrating user experience.
- Good: 0.1 or less
- Needs Improvement: 0.1 – 0.25
- Poor: more than 0.25
Common CLS causes: images without defined width and height attributes, ads injected without reserved space, web fonts causing text to reflow, and dynamically injected content above existing content.
How to Check Your Core Web Vitals
Google provides several official tools for measuring Core Web Vitals:
- Google Search Console — the Core Web Vitals report shows field data (real user measurements) for your site
- PageSpeed Insights — provides both lab and field data for any URL
- Chrome DevTools — Lighthouse tab provides an on-demand audit
- web.dev/measure — Google's own measurement tool
Important: Always prioritise field data (real user measurements from Chrome User Experience Report) over lab data (synthetic tests). A page that scores well in Lighthouse but poorly in Search Console has a real-world problem that a controlled test environment is hiding.
Practical Fixes for Each Metric
Improving LCP
- Serve images in next-gen formats (WebP, AVIF) — typically 25–50% smaller than JPEG
- Add the fetchpriority='high' attribute to your hero image so browsers load it first
- Use a CDN to reduce server response times globally
- Eliminate render-blocking resources by deferring non-critical CSS and JS
- Preconnect to third-party origins that serve critical assets
Improving INP
- Break up long JavaScript tasks using setTimeout or scheduler.postTask
- Debounce expensive event handlers (search inputs, resize listeners)
- Minimise third-party script impact by loading them with defer or async
- Audit and reduce JavaScript bundle size with code splitting
- Use React's concurrent features (Suspense, transitions) if you're on a React-based framework
Improving CLS
- Always set explicit width and height on all images and video elements
- Reserve space for ads and dynamic content using min-height
- Use the font-display: optional CSS property to prevent layout shifts from web fonts
- Avoid inserting content above existing content without user interaction
- Use CSS transform animations rather than properties that trigger layout (top, left, width, height)
The Business Impact of Good Core Web Vitals
Google's own research shows that pages meeting Core Web Vitals thresholds are 24% less likely to be abandoned by users. For every 100ms improvement in load time, conversion rates can improve by 1–2%. Over a year, for a business generating leads through its website, this compounds into meaningful revenue difference.
If your website was built more than 2–3 years ago, or if it runs on an unoptimised WordPress theme, the chances are high that it is failing at least one Core Web Vital. OBI Systems offers comprehensive web performance audits and remediation — from image optimisation to full site rebuilds on high-performance frameworks.