Core Web Vitals in 2026: What Actually Moves Rankings
After running audits on dozens of sites, three patterns keep showing up. Most sites fail LCP, almost nobody understands INP, and CLS is usually a JavaScript problem in disguise.
mubashar
Google replaced FID with INP (Interaction to Next Paint) in March 2024, and most sites still haven't caught up. If you're still looking at FID in your reports, you're measuring something that no longer counts.
LCP: The One That Actually Fails Most
Largest Contentful Paint is where the majority of sites fall short. The target is under 2.5 seconds. In practice, the biggest culprits are unoptimised hero images (not preloaded, wrong format, served at full resolution) and render-blocking resources in the <head>.
The fix that moves the needle most: add fetchpriority="high" to your hero image and make sure it's not lazy-loaded. Serving WebP or AVIF instead of JPEG cuts file size by 30–50% with no visible quality difference. Use <link rel="preload"> for anything above the fold.
INP: Most Sites Are Flying Blind
INP measures the worst interaction delay during a page visit — clicks, taps, keyboard input. The pass threshold is under 200ms. The main cause of poor INP is JavaScript blocking the main thread during user interactions.
Check your INP in Google Search Console under Core Web Vitals, then use Chrome DevTools Performance panel to find the long tasks. Third-party scripts (chat widgets, analytics, ad tags) are usually the biggest offenders. Load them with defer or async, or move them into a web worker.
CLS: A JavaScript Problem More Than a CSS One
Cumulative Layout Shift should be under 0.1. The most common cause is images without explicit width and height attributes — the browser doesn't know how much space to reserve. The second most common cause is dynamically injected content: cookie banners, sticky headers that appear after load, fonts that swap in and push text down.
Set explicit dimensions on every image. Use font-display: optional if you want zero layout shift from web fonts. Reserve space for injected elements with min-height.
Where to Start
Run PageSpeed Insights on your three most-visited pages. Fix LCP first — it has the highest correlation with ranking changes. Then tackle INP if you have heavy JavaScript. CLS is usually quick to fix once you know where the shifts are happening.
Written by
Mubashar Iqbal
Web developer, SEO expert, and independent maker. I build products, write about what I've learned, and create free tools for developers and marketers.