I Core Web Vitals sono metriche che Google usa per misurare l'esperienza utente del tuo sito. Dal 2021 sono un fattore di ranking. Ignorarli significa perdere posizioni.
Le tre metriche
LCP — Largest Contentful Paint
Quanto tempo ci vuole per caricare l'elemento più grande visibile nella viewport. Target: sotto i 2.5 secondi.
Cosa lo peggiora: immagini pesanti, server lento, CSS che blocca il rendering.
INP — Interaction to Next Paint
Quanto tempo passa dal click dell'utente alla risposta visiva del sito. Target: sotto i 200 millisecondi.
Cosa lo peggiora: JavaScript pesante, event handler lenti, troppi re-render.
CLS — Cumulative Layout Shift
Quanto si "muove" il layout durante il caricamento. Quei banner che appaiono e spostano il testo? Quello è CLS. Target: sotto 0.1.
Cosa lo peggiora: immagini senza dimensioni, font che si caricano tardi, contenuto dinamico inserito sopra il fold.
Come misurarli
Google Search Console
La fonte ufficiale. Nella sezione "Esperienza" trovi i dati reali dei tuoi utenti.
PageSpeed Insights
Analisi istantanea di qualsiasi URL. Fornisce sia dati di laboratorio che dati reali.
Chrome DevTools
Per debug approfondito. Tab "Performance" e "Lighthouse" per analisi dettagliate.
Come migliorarli
LCP
1. Ottimizza le immagini (WebP, lazy loading) 2. Usa un CDN 3. Pre-carica le risorse critiche 4. Riduci il tempo di risposta del server
INP
1. Riduci il JavaScript non necessario 2. Usa web workers per task pesanti 3. Implementa code splitting 4. Ottimizza i re-render React
CLS
1. Imposta sempre width e height sulle immagini 2. Pre-carica i font 3. Riserva spazio per contenuti dinamici 4. Evita di inserire contenuto sopra il fold dopo il caricamento
Il collegamento con il business
Siti con Core Web Vitals "buoni" hanno in media il 24% in meno di abbandoni. Per un sito con 10.000 visitatori/mese, sono 2.400 persone in più che vedono i tuoi contenuti.
Daniele Cerrina
Sviluppatore web · Soluzioni AI su misura