Guida ai Core Web Vitals (CWV)
I Core Web Vitals (CWV) sono un insieme specifico di metriche che Google considera fondamentali per l'esperienza utente complessiva di una pagina web. Misurano aspetti reali dell'esperienza di navigazione, come la velocità di caricamento, l'interattività e la stabilità visiva.
Un buon punteggio nei Core Web Vitals non solo migliora l'esperienza dei tuoi visitatori, ma è anche un fattore di ranking per la ricerca di Google. Ottimizzare queste metriche è quindi cruciale sia per la soddisfazione dell'utente che per la SEO.
Le tre metriche principali sono:
LCP
Il Largest Contentful Paint misura le prestazioni di caricamento. Indica il tempo necessario per rendere visibile l'elemento di contenuto più grande (solitamente un'immagine o un blocco di testo) all'interno dell'area visibile della pagina.
INP
L'Interaction to Next Paint misura la reattività. Valuta la latenza di tutte le interazioni dell'utente (click, tap, pressioni di tasti) con una pagina e riporta la durata della peggiore. Sostituisce la metrica precedente, First Input Delay (FID).
CLS
Il Cumulative Layout Shift misura la stabilità visiva. Calcola la somma di tutti gli spostamenti imprevisti del layout che si verificano durante il caricamento della pagina. Un punteggio basso indica che gli elementi della pagina non si muovono in modo inatteso.
Come passare i Core Web Vitals
Per ottenere lo stato "Core Web Vitals Passed", tutte le metriche principali (LCP, CLS, INP) devono essere classificate come verdi (buono) per la maggior parte dei tuoi utenti, oppure una delle tre metriche non deve essere rilevata per specifiche ragioni (es. pagina senza interazioni che impatterebbero INP).
Per raggiungere questo risultato, il 75% delle pagine analizzate deve avere un valore soddisfacente per ciascuna metrica:
LCP: ≤ 2,5 secondi
CLS: ≤ 0,1
INP: ≤ 200ms
È fondamentale comprendere che le metriche vengono calcolate sulla base dei dati raccolti da utenti reali (RUM). Di conseguenza, per superare i CWV, è essenziale non solo ottimizzare il sito a livello tecnico, ma anche migliorare concretamente la velocità e l'esperienza utente generale per la maggior parte dei tuoi visitatori.
Come Monitorare i Core Web Vitals
Esistono diversi strumenti gratuiti forniti da Google per analizzare e monitorare queste metriche.
1. Google PageSpeed Insights
Questo è lo strumento più immediato per un'analisi on-demand di una singola pagina. Fornisce dati sia di laboratorio che reali.
Come utilizzarlo:
-
Inserisci l'URL della pagina che vuoi analizzare e clicca su "Analizza".
-
Il report ti mostrerà una sezione chiamata "Scopri cosa stanno riscontrando i tuoi utenti reali". Questi sono i dati del Chrome User Experience Report (CrUX) raccolti negli ultimi 28 giorni e rappresentano l'esperienza reale. Controlla se le metriche LCP, INP e CLS rientrano nelle soglie "Buono".
2. Google Search Console
Search Console offre una visione aggregata delle prestazioni di tutto il sito, permettendoti di identificare problemi su larga scala invece che su singole pagine.
Come utilizzarlo:
-
Accedi alla tua proprietà in Google Search Console.
-
Nel menu a sinistra, vai alla sezione Esperienza > Core Web Vitals.
3 .Qui troverai due grafici, uno per Dispositivi mobili e uno per Desktop, che mostrano l'andamento nel tempo degli URL "Buoni", "Da migliorare" e "Scarsi".
Cliccando su "Apri rapporto" puoi vedere quali gruppi di URL hanno problemi e per quale metrica specifica (es. "CLS superiore a 0,25").
3. Chrome User Experience Report (CrUX)
Il CrUX è un dataset pubblico che raccoglie dati anonimi sull'esperienza utente da milioni di siti web visitati tramite Chrome. È la fonte dati che alimenta i report di PageSpeed Insights e Search Console.
Sebbene sia possibile interrogare direttamente il dataset tramite BigQuery per analisi avanzate, il modo più semplice per visualizzare questi dati è attraverso strumenti che si appoggiano ad esso.
4. CrUX Visualizer
Per un'analisi visiva e immediata dell'andamento storico dei Core Web Vitals, lo strumento CrUX Visualizer è la soluzione ideale.
Come utilizzarlo:
- ➡️ Vai su CrUX Visualizer.
- Inserisci il dominio del tuo sito web (es. https://www.tuosito.com) e clicca su "Go".
- Lo strumento genererà un grafico che mostra l'andamento mensile delle metriche LCP, INP e CLS. Puoi visualizzare la distribuzione degli utenti tra "Buono", "Da migliorare" e "Scarso" per ogni metrica, sia per desktop che per dispositivi mobili. Questo ti permette di monitorare l'impatto delle tue ottimizzazioni nel tempo.
5. Page Load Time
Il Page Load Time è il tempo totale che il browser impiega per caricare completamente una pagina web, inclusi tutti i suoi contenuti e risorse esterne. Sebbene non sia un Core Web Vital, offre una metrica semplice e immediata per una valutazione rapida delle prestazioni.
Come utilizzarlo: Per una misurazione istantanea basata sulla tua esperienza di navigazione, puoi installare un'estensione per il browser. Questa opzione è utile per ottenere un dato rapido senza usare strumenti di analisi complessi.