Skip to main content
QuickHire

How to Fix Core Web Vitals: A Practical Guide to LCP, INP and CLS

Failing Core Web Vitals in Search Console? Learn what LCP, INP and CLS measure, the thresholds you need to hit and the most effective fixes for each metric.

QuickHire Team
October 7, 20263 min read
Share:
Table of Contents

Quick answer: To pass Core Web Vitals, a page should have a Largest Contentful Paint (LCP) of 2.5 seconds or less, Interaction to Next Paint (INP) of 200 milliseconds or less, and Cumulative Layout Shift (CLS) of 0.1 or less, measured at the 75th percentile of real user visits. Fix LCP by speeding up the main image and server response, INP by reducing heavy JavaScript, and CLS by reserving space for images, ads and embeds. QuickHire SEO and performance support fixes Core Web Vitals by the hour.

Core Web Vitals are Google's measures of real-world page experience. Poor scores frustrate visitors and can hold back pages that otherwise deserve to rank.

What do LCP, INP and CLS measure?

Metric

What it measures

Good

Poor

LCP (Largest Contentful Paint)

How fast the main content appears

2.5 s or less

Over 4 s

INP (Interaction to Next Paint)

How fast the page responds to taps and clicks

200 ms or less

Over 500 ms

CLS (Cumulative Layout Shift)

How much the layout jumps while loading

0.1 or less

Over 0.25

INP replaced First Input Delay (FID) as a Core Web Vital in March 2024.

How do I fix a slow LCP?

  • Compress and resize the hero image, and serve modern formats like WebP or AVIF.

  • Do not lazy-load the main above-the-fold image. Preload it instead.

  • Reduce server response time with caching and a CDN.

  • Remove or defer render-blocking CSS and JavaScript.

  • Avoid rendering the main content only after client-side JavaScript loads.

How do I fix a poor INP?

  • Break up long JavaScript tasks so the browser can respond between them.

  • Remove unused scripts and heavy third-party tags, such as extra trackers and chat widgets.

  • Load non-essential scripts after the page becomes interactive.

  • Keep event handlers light and avoid large re-renders on each click.

How do I fix a high CLS?

  • Set width and height, or an aspect ratio, on every image and video.

  • Reserve fixed space for ads, embeds and banners.

  • Avoid inserting content above existing content after load.

  • Preload web fonts and use font-display settings that limit text shifting.

Where do I check my Core Web Vitals?

Use the Core Web Vitals report in Google Search Console to see which page groups fail, based on real user data. Use PageSpeed Insights to test a single URL and see both field and lab data. Lighthouse in Chrome developer tools helps debug the causes.

Why do my scores look good in tests but fail in Search Console?

Lab tests run on one device and network. Search Console uses real visitor data over the past 28 days, including slower phones and networks. After you deploy fixes, it can take a few weeks for field data to reflect the improvement.

When should you hire a performance specialist?

Bring in a specialist when fixes need theme, framework or server changes, or when pages still fail after basic image and script cleanup. QuickHire SEO and performance support services fix crawl and indexing issues, page speed, Core Web Vitals, schema markup errors and ranking drops. If the slow pages are on a store, combine it with e-commerce support.

Frequently asked questions

What are good Core Web Vitals scores?

A good score is LCP of 2.5 seconds or less, INP of 200 milliseconds or less and CLS of 0.1 or less, measured at the 75th percentile of real page visits.

What replaced First Input Delay in Core Web Vitals?

Interaction to Next Paint (INP) replaced First Input Delay (FID) in March 2024. INP measures responsiveness across all interactions on a page, not just the first one.

Do Core Web Vitals affect Google rankings?

They are part of Google's page experience signals. Content relevance matters more, but poor Core Web Vitals can hold back pages and hurt user engagement and conversions.

How long does it take for Core Web Vitals fixes to show in Search Console?

Search Console uses 28 days of real user data, so improvements usually take a few weeks to appear after fixes go live.

How much does it cost to fix Core Web Vitals?

QuickHire SEO and performance support starts at ₹1,250 per hour. Simple image and script fixes are quick, while framework or theme changes take longer.

Get your issue fixed today

Book SEO and performance support on QuickHire, share the problem and a verified expert starts after a short kick-off call. For a full overview of every support service, read our guide to on-demand technical support.

Share: