Cosa sono i Core Web Vitals
I Core Web Vitals sono tre metriche definite da Google che misurano l'esperienza reale degli utenti sul tuo sito. Non sono metriche teoriche: Google li raccoglie dagli utenti reali di Chrome e li usa per decidere come posizionare il tuo sito nei risultati di ricerca.
LCP — Largest Contentful Paint
Cosa misura: quanto tempo impiega il contenuto principale della pagina (un'immagine hero, un titolo grande, un blocco di testo) a diventare visibile. Obiettivo: sotto i 2,5 secondi. In pratica: quando un utente arriva sul tuo sito, l'LCP misura quanto aspetta prima di vedere qualcosa di significativo. Se il tuo hero image impiega 5 secondi a caricarsi, l'utente se ne va prima di vederla.
INP — Interaction to Next Paint
Cosa misura: quanto tempo passa tra un'azione dell'utente (clic su un pulsante, apertura di un menu) e la risposta visiva del sito. Obiettivo: sotto i 200 millisecondi. In pratica: quando un utente clicca "Aggiungi al carrello" e il sito impiega 2 secondi a reagire, l'esperienza è frustrante. INP misura questa reattività su tutte le interazioni della sessione.
CLS — Cumulative Layout Shift
Cosa misura: quanto si spostano gli elementi della pagina durante il caricamento. Obiettivo: sotto 0,1. In pratica: stai per cliccare su un link e improvvisamente si carica un banner pubblicitario che sposta tutto verso il basso — e finisci per cliccare qualcos'altro. Questo è il layout shift, ed è l'esperienza più frustrante del web.
Il dato che conta
Il 53% degli utenti mobile abbandona un sito che impiega più di 3 secondi a caricarsi. Per un e-commerce, ogni secondo di ritardo nel caricamento riduce le conversioni in modo significativo. La velocità non è un dettaglio tecnico: è un fattore di fatturato.
Perché i Core Web Vitals influenzano il posizionamento
Google ha confermato i Core Web Vitals come fattore di ranking dal 2021. Non è il fattore più importante (i contenuti e i link restano dominanti), ma a parità di qualità dei contenuti, un sito veloce si posiziona meglio di uno lento. E nel contesto degli AI Overview, Google preferisce citare fonti che offrono un'esperienza utente eccellente.
Le cause più comuni di Core Web Vitals scadenti
- Immagini non ottimizzate — la causa numero uno. Immagini in formato JPEG da 3 MB quando basterebbero WebP da 150 KB. Senza lazy loading, il browser carica tutte le immagini della pagina immediatamente
- Hosting economico — un hosting condiviso da 30 €/anno non ha le risorse per servire pagine velocemente. L'hosting è la fondazione: se è debole, ogni ottimizzazione è vana
- Troppi plugin (WordPress) — ogni plugin aggiunge codice JavaScript e CSS che il browser deve scaricare e eseguire. 30 plugin attivi su un sito WordPress è una garanzia di lentezza
- JavaScript bloccante — script che impediscono al browser di mostrare la pagina finché non sono stati scaricati e eseguiti
- Font web non ottimizzati — Google Fonts senza preconnect e font-display swap causano flash di testo invisibile
- Assenza di caching — il browser riscarica gli stessi file ad ogni visita invece di usare copie locali
- CSS e JS non minificati — file con commenti, spazi e codice inutilizzato che pesano il doppio del necessario
Come migliorare i Core Web Vitals: le azioni concrete
Per l'LCP (velocità di caricamento)
- Ottimizza le immagini — converti in WebP o AVIF, comprimi, usa dimensioni appropriate e lazy loading per le immagini below-the-fold
- Migliora l'hosting — un hosting VPS o managed WordPress con SSD, HTTP/2 e CDN è il singolo investimento con il miglior rapporto costo/beneficio
- Preconnect ai servizi esterni — Google Fonts, CDN, analytics: dichiara le connessioni in anticipo con link rel="preconnect"
- Minimizza CSS e JS — rimuovi il codice inutilizzato, comprimi i file, usa caricamento asincrono per gli script non critici
Per l'INP (reattività)
- Riduci il JavaScript — meno codice JS = browser più reattivo. Valuta se ogni plugin è davvero necessario
- Usa event delegation — invece di centinaia di event listener, usa la delega degli eventi
- Evita long tasks — le operazioni JavaScript che durano più di 50ms bloccano il thread principale e rendono il sito irresponsivo
Per il CLS (stabilità visiva)
- Definisci le dimensioni di immagini e video — attributi width e height nell'HTML, o aspect-ratio nel CSS
- Riserva spazio per contenuti caricati dopo — banner, embed, iframe: definisci le dimensioni prima che si carichino
- Usa font-display: swap — mostra il testo immediatamente con un font di sistema, poi sostituisci col web font quando è pronto
- Non inserire contenuti sopra il contenuto esistente — i banner e le barre che appaiono in ritardo in cima alla pagina sono la causa principale di CLS
Come verificare i tuoi Core Web Vitals
Gli strumenti gratuiti principali sono:
- Google PageSpeed Insights (pagespeed.web.dev) — analisi istantanea con punteggio e suggerimenti
- Google Search Console → sezione Core Web Vitals — dati reali degli utenti del tuo sito
- Chrome DevTools → Lighthouse — analisi tecnica dettagliata nel browser
- GTmetrix — analisi completa con waterfall chart delle risorse
La velocità del sito non è un dettaglio tecnico: è la prima impressione che il tuo brand dà al visitatore. Un sito lento dice "non ci teniamo". Un sito veloce dice "siamo professionisti".
Domande Frequenti
Cosa sono i Core Web Vitals?
Tre metriche Google che misurano l'esperienza utente: LCP (velocità di caricamento), INP (reattività alle interazioni) e CLS (stabilità visiva). Google li usa come fattore di ranking.
Come li verifico?
Google PageSpeed Insights, Google Search Console (sezione Core Web Vitals), Chrome DevTools Lighthouse e GTmetrix. Tutti gratuiti.
Un sito lento perde posizioni?
Sì. A parità di contenuti e autorità, un sito veloce si posiziona meglio. Inoltre il 53% degli utenti mobile abbandona siti che impiegano più di 3 secondi.
Quanto costa ottimizzarli?
Per un WordPress tipico, 500-2.000 €. Spesso il cambio hosting risolve il 50% dei problemi. Per siti custom con problemi strutturali il costo può essere superiore.
