Technical

Core Web Vitals in the Age of INP

INP didn't just replace FID — it raised the floor for what counts as a fast site. Here's the modern Core Web Vitals playbook.

JJosé Luis, SEO Wizard
April 30, 20268 min read
★★★★★Trusted by 120+ local businessesFeatured in Google AI Overviews

Most sites passed Core Web Vitals when FID was the interactivity metric — because FID only measured the first interaction. Then Google replaced it with INP, which measures every interaction on the page. Pass rates collapsed overnight.

In 2026, INP is the most-failed Core Web Vital, and Core Web Vitals are now used as a tiebreaker not just by Google but by AI engines deciding which sources to cite. Fast sites win more answers. It really is that simple.

Quick Answer

What are Core Web Vitals?

Core Web Vitals are Google's set of three page-experience metrics: Largest Contentful Paint (LCP) for loading speed, Interaction to Next Paint (INP) for responsiveness, and Cumulative Layout Shift (CLS) for visual stability. They influence both Google rankings and AI engine citation selection.

Why INP Broke Everyone's Scores

First Input Delay measured only the delay before the first interaction was processed. INP measures the latency of every interaction across a page visit and reports roughly the worst one. That single change exposed every slow click handler, heavy React re-render, and bloated third-party tag on the page.

📊 Data Point

After INP replaced FID, the share of URLs passing all three Core Web Vitals dropped from 56% to 41% within the first reporting cycle.

The 2026 Thresholds

Core Web Vitals thresholds (75th percentile of field data)
MetricGoodNeeds ImprovementPoor
LCP≤ 2.5s≤ 4.0s> 4.0s
INP≤ 200ms≤ 500ms> 500ms
CLS≤ 0.1≤ 0.25> 0.25

💡 Insight

Google scores the 75th percentile of real user data (CrUX) — not your Lighthouse lab score. A perfect lab score with bad field data still fails.

See how your site looks to AI engines

Get a free, side-by-side preview of your GEO and SEO scores in under 60 seconds.

Get a Free SEO Preview →

The Vitals Fix Stack

Original Framework
The Vitals Fix Stack

Work top to bottom — each layer typically delivers the biggest gain for the least effort in 2026 stacks.

01
Cut JavaScript

Audit bundle size. Remove unused dependencies, lazy-load below-the-fold widgets, defer tags.

02
Break Up Long Tasks

Split work over 50ms into smaller chunks using scheduler.yield or requestIdleCallback.

03
Preload Hero Asset

Use <link rel="preload"> for the LCP image or font; serve modern formats (AVIF/WebP).

04
Reserve Space

Set explicit width/height on every image and ad slot to eliminate layout shift.

05
Edge Cache HTML

Cache HTML at the CDN edge to crush TTFB — every other metric benefits.

How Page Experience Influences AI Citations

AI engines have a finite crawl budget and prefer fast, reliable sources. When two pages are roughly equal in content quality, the faster, more stable page gets cited more often — and AI engines re-crawl it more aggressively, compounding the advantage.

🔥 Pro Tip

Run PageSpeed Insights on competitor URLs that are getting cited in AI Overviews. You'll find their field data is consistently green — it's almost never an accident.

Vitals Mistakes That Quietly Tank Scores

⚠️ Common Mistake

Loading third-party tags (chat widgets, A/B testers, analytics) in the main thread. They can add hundreds of milliseconds to INP on every interaction.

⚠️ Common Mistake

Optimizing only the homepage. Google scores Core Web Vitals at the URL group level — your blog and product templates need the same treatment.

The Spellbook: Tactics to Implement This Week

Strategy without execution is daydreaming. Run the checklist below against your site — every item below is a tactic we deploy with paying clients.

  • Audit JS bundle size monthly with source-map-explorer; remove anything unused.
  • Move all non-critical third-party tags to load after user interaction or via a Web Worker.
  • Preload the LCP image; serve it as AVIF with a WebP fallback.
  • Set explicit width and height on every image and embed.
  • Use the React profiler to find re-renders triggered by mouse, scroll, or input handlers.
  • Edge-cache HTML at the CDN with short TTLs and stale-while-revalidate.
  • Monitor field data in Search Console's Core Web Vitals report weekly.

Frequently Asked Questions

Core Web Vitals are Google's three page-experience metrics: Largest Contentful Paint (LCP) for loading, Interaction to Next Paint (INP) for responsiveness, and Cumulative Layout Shift (CLS) for visual stability. They influence both rankings and AI citation selection.

Ready to be the answer AI engines quote?

We'll audit your top 10 pages, identify GEO gaps, and show you exactly how to win citations inside ChatGPT, Perplexity, and Google AI Overviews.