Core Web Vitals have evolved in 2025 with INP replacing FID, new thresholds, and increased ranking signal importance. This guide covers the latest requirements and optimization techniques.
Core Web Vitals in 2025
| Metric | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP | <=2.5s | 2.5s-4s | >4s |
| INP | <=200ms | 200ms-500ms | >500ms |
| CLS | <=0.1 | 0.1-0.25 | >0.25 |
INP Replaces FID
Interaction to Next Paint (INP) measures latency of all interactions throughout the page lifecycle, unlike FID which only measured the first interaction. INP includes input delay, processing time, and presentation delay.
LCP Optimization
Server Response
Enable HTTP/2, compression, and cache static assets. Target TTFB under 800ms.
Image Optimization
<link rel="preload" as="image" href="hero.avif" fetchpriority="high">
<img src="hero.avif" width="1200" height="600" fetchpriority="high" decoding="async">
Eliminate Render-Blocking Resources
Use async/defer for scripts, preload critical CSS, and inline critical styles.
INP Optimization
Break Long Tasks
function processLargeDataSet(data) {
const chunkSize = 50;
let index = 0;
function processChunk() {
const chunk = data.slice(index, index + chunkSize);
index += chunkSize;
if (index < data.length) requestAnimationFrame(processChunk);
}
processChunk();
}
Third-Party Script Management
Use facade patterns for embeds - show placeholder until user clicks, then load the actual widget.
CLS Optimization
Always specify image dimensions, use font-display: swap, reserve space for dynamic content, and use CSS contain for isolated components.
Measurement
import { onLCP, onINP, onCLS } from