Core Web Vitals in 2026: A Practical Checklist to Fix LCP, INP and CLS

Drake oakley — Tue, 20 Oct 2026 17:18:55 +0000

Google's Core Web Vitals directly affect how your pages feel to users, and they are part of the page experience signals used in search. Here is a practical checklist we use when auditing sites.

The three metrics and their "good" thresholds

LCP (Largest Contentful Paint): 2.5 seconds or less
INP (Interaction to Next Paint): 200 milliseconds or less
CLS (Cumulative Layout Shift): 0.1 or less

Measure them on real devices with PageSpeed Insights, the Chrome UX Report, and Lighthouse. Field data matters more than lab scores.

1. Fixing LCP

Serve the hero image in WebP or AVIF and set explicit width and height.
Preload the LCP image and critical fonts:

<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

Inline critical CSS and defer the rest.
Use a CDN and server-side caching to reduce time to first byte.

2. Fixing INP

Break up long JavaScript tasks (anything over 50ms) with setTimeout or scheduler.yield().
Remove unused third-party scripts. Chat widgets and tag managers are common offenders.
Debounce expensive input handlers and avoid heavy work on the main thread.

3. Fixing CLS

Always reserve space for images, ads and embeds.
Use font-display: swap with a well-matched fallback font.
Never inject content above existing content after load.

A quick workflow

Run PageSpeed Insights on your top 5 landing pages.
Fix the worst metric first, usually LCP.
Re-test after each change and track field data for 28 days.

Final thoughts

Performance is not a one-time task. Small, measured improvements compound into better rankings, lower bounce rates and higher conversions.

If you want a team to handle performance, custom web apps or technical SEO for you, take a look at DiginixIT, a web engineering and digital growth agency in Pakistan.