Core Web Vitals in 2026: what actually moves the needle

Core Web Vitals have evolved, and the playbook for hitting the green has changed with it. We benchmarked 40 production sites to find what actually moves the needle in 2026 — and what's now table stakes.

The metric that matters most

Interaction-to-Next-Paint (INP) has replaced First Input Delay as the responsiveness signal, and it's the one most sites fail. A fast first paint means nothing if tapping a button takes 300ms to respond.

Render less JavaScript

The single biggest INP win is shipping less JS to the client. Server Components and streaming mean the browser does less work, so the main thread stays free for interactions.

// Server Component — zero JS shipped to the client
async function ProductList() {
  const products = await getProducts();
  return products.map(p => <ProductCard key={p.id} {...p} />);
}

Images and fonts, done right

• Serve modern formats (AVIF/WebP) with proper sizing
• Lazy-load below-the-fold media
• Self-host fonts or use a fast CDN with font-display: swap
• Preload the LCP element when you can predict it

Measure on real devices

Lab tools lie. Use field data from real users on mid-range phones over slow networks — that's where your actual visitors live, and where the real bottlenecks hide.

“Green scores in the lab are a starting point. Green scores for real users on a $200 phone are the goal.”

— Sofia Laurent, Performance Lead