Core Web Vitals in 2026 is no longer a "nice to have", it's a direct ranking signal that affects every page in Google's index. INP replaced FID in March 2024; the thresholds tightened in early 2026; and Search Central is clearer than ever: slow pages are demoted.
The three metrics that matter
- LCP (Largest Contentful Paint): < 2.5s good, > 4s poor. The time to paint the biggest above-the-fold element.
- INP (Interaction to Next Paint): < 200ms good, > 500ms poor. The slowest interaction your user has on the page.
- CLS (Cumulative Layout Shift): < 0.1 good, > 0.25 poor. How much your layout jumps after first render.
Fixing LCP fast
The LCP element is almost always a hero image or a heading. Three high-leverage fixes:
- Preload the LCP image:
<link rel="preload" as="image" href="hero.webp"> - Serve WebP or AVIF, sized correctly with
srcset. - Inline critical CSS for the top 100KB; defer the rest.
Fixing INP, the new tough one
INP catches jank that FID missed. Common culprits we see:
- Massive React hydration on first interaction. Solution: server components, streaming, or just less JS. (More in our React / Next.js builds.)
- Blocking third-party scripts (chat widgets, analytics). Lazy-load them after first interaction.
- Long tasks > 50ms. Break them with
scheduler.yield()orrequestIdleCallback.
Fixing CLS
CLS is the easiest to fix and the most embarrassingly common to miss. Set explicit width and height on every image and iframe. Reserve space for ads and embeds. Never inject content above existing content after first render.
The 2026 SEO connection
Google now factors CWV into both desktop and mobile rankings. Two pages with otherwise equal relevance, the faster one wins. Across our client base, we've seen organic traffic gains of 18–42% from CWV-only improvements.
See how we build for CWV from day one or request a performance audit.
