Core Web Vitals 2026: Cosa Sono e Come Migliorarli

Cosa sono i Core Web Vitals

I Core Web Vitals sono tre metriche definite da Google per misurare l'esperienza utente di una pagina web. Dal 2021 sono un fattore di ranking ufficiale per Google Search (Page Experience update). Da marzo 2024, INP ha sostituito FID. Le tre metriche attuali sono:

Di Marzio Biancardi · Pubblicato il 22 maggio 2026 · Aggiornato il 10 novembre 2026

Se il tuo sito non supera le soglie, lo ottimizziamo o lo rifacciamo con il servizio di realizzazione siti web veloci a Brescia.

• LCP (Largest Contentful Paint) — tempo di rendering dell'elemento più grande visibile. Soglia: ≤ 2,5 secondi.
• INP (Interaction to Next Paint) — latenza di risposta alle interazioni utente. Soglia: ≤ 200 ms.
• CLS (Cumulative Layout Shift) — stabilità visiva (quanto "salta" il layout). Soglia: ≤ 0,1.

Come misurare i Core Web Vitals

Esistono due tipi di dati: field data (utenti reali, raccolti dal Chrome UX Report) e lab data (test sintetici). Per le decisioni SEO conta solo il field data. Strumenti consigliati:

• PageSpeed Insights (pagespeed.web.dev) — mostra sia lab che field data.
• Google Search Console > Core Web Vitals — vista aggregata sulle URL del tuo sito.
• web-vitals.js — libreria ufficiale per raccogliere CWV direttamente dai tuoi utenti.

Come migliorare LCP

L'LCP è quasi sempre un'immagine hero o un titolo. Azioni con impatto maggiore:

• Aggiungi fetchpriority="high" all'immagine LCP e rimuovi loading="lazy".
• Preload dell'immagine LCP: <link rel="preload" as="image" href="/hero.webp">
• Converti immagini in WebP o AVIF (riduzione 30-70% del peso).
• Usa font-display: swap su tutti i font per evitare di bloccare il render del testo.
• Rimuovi animazioni iniziali (es. opacity:0 con delay) dall'elemento LCP.
• Server con TTFB < 600 ms: CDN, caching, hosting performante.

Come migliorare INP

L'INP misura quanto il sito risponde ai click/tap. Cause tipiche: troppo JavaScript bloccante. Strategie:

• Riduci JavaScript di terze parti (chat, analytics multipli, social embed).
• Debounce/throttle su handler frequenti (scroll, resize, input).
• In React: useTransition per aggiornamenti pesanti, lazy loading di componenti non critici.
• Differisci script non essenziali con defer o async.
• Evita layout thrashing nei listener (no offsetHeight dopo una scrittura DOM).

Come migliorare CLS

Il CLS misura i "salti" visivi imprevisti. Azioni:

• Imposta sempre width e height espliciti su immagini, video e iframe.
• Riserva spazio per banner cookie, ads e contenuti dinamici (placeholder con altezza fissa).
• Preload dei font web; mai inserire font che cambiano metriche dopo il primo paint.
• Evita di inserire contenuti sopra contenuti già renderizzati (notifiche, banner che spingono giù la pagina).

Quanto contano davvero per la SEO

I Core Web Vitals sono un fattore di ranking tiebreaker: a parità di rilevanza dei contenuti, il sito più veloce vince. Non compenseranno mai contenuti deboli, ma su mercati competitivi (come "agenzia web Brescia" o "e-commerce Brescia") fanno la differenza tra pagina 1 e pagina 2.

Inoltre, l'impatto su conversion rate è diretto: ogni 100 ms di LCP in più equivalgono mediamente a un -1% di conversioni e-commerce (dato Deloitte / Google).