Core Web Vitals (Page Speed)
Nome Card UX: Core Web Vitals
La card Velocità Pagina riassume le metriche Core Web Vitals e i dati di performance. I Core Web Vitals sono tre indicatori ufficiali di Google che misurano l'esperienza di caricamento reale della pagina: LCP (Largest Contentful Paint, quanto impiega il contenuto principale a diventare visibile), CLS (Cumulative Layout Shift, quanto si spostano gli elementi mentre la pagina carica) e INP (Interaction to Next Paint, quanto velocemente la pagina risponde alle interazioni dell'utente). Dal 2021 Google li ha resi fattori di ranking ufficiali, prima dei 200 segnali tradizionali per impatto sull'utente.
Cosa analizza la card
Mostra LCP, CLS e INP con threshold ufficiali Google (Good/Needs Improvement/Poor), punteggio CWV calcolato, tempi di caricamento e dimensione pagina. Distingue tra dati di campo CrUX (utenti reali degli ultimi 28 giorni) e dati di laboratorio (Lighthouse simulato). Il Centro Diagnostico recupera i dati via API Google PageSpeed Insights.
A cosa serve
Serve per identificare i colli di bottiglia che rallentano la pagina e degradano l'esperienza utente, con impatto diretto sul ranking. Un LCP superiore a 2.5 secondi o un CLS superiore a 0.1 sono segnali di alert che Google valuta negativamente.
L'Analogia: La coda alla cassa al supermercato
Hai fatto la spesa, il carrello è pieno di prodotti ottimi. Ma alla cassa ci sono solo due sportelli aperti su dieci e la fila è lunghissima. Molte persone lasciano il carrello e se ne vanno. Il supermercato era ottimo, ma l'esperienza finale era frustrante. Una pagina lenta funziona allo stesso modo: il contenuto può essere eccellente, ma se l'utente deve aspettare tre o quattro secondi prima di vedere qualcosa, una parte significativa abbandonerà senza leggere.
Esempio di vita reale
Un blog con ottimi contenuti ha un LCP di 4.2 secondi su mobile perché l'immagine hero è un JPEG da 2.8 MB caricato senza lazy loading. La card segnala LCP "Scarso" con il threshold superato. Comprimendo l'immagine, convertendola in WebP e aggiungendo loading="lazy" per le immagini sotto la piega, il LCP scende a 2.1 secondi (stato "Buono") e il ranking su mobile migliora nelle settimane successive.
Domande frequenti su questa card
Formula B e Threshold Capping
Il punteggio che vedi non è un numero a caso. Utilizziamo la Formula B, che pesa per il 60% il tempo di caricamento (LCP) e per il 40% la stabilità visiva (CLS).
Nota Tecnica: Se il tuo sito è troppo lento o instabile, applichiamo un tetto massimo al tuo voto. Non puoi essere un sito di serie A se carichi come un sito degli anni novanta. Risolvi la velocità e il tuo punteggio volerà.
Le Metriche D'Oro di Google
| Metrica Core | Esperienza Utente | Soglia Ottimale |
|---|---|---|
| LCP (Largest Contentful Paint) | Velocità di visualizzazione | ≤ 2.5 Secondi |
| CLS (Cumulative Layout Shift) | Stabilità della pagina | ≤ 0.1 (Fermo) |
| INP (Interaction to Next Paint) | Reattività ai comandi | ≤ 200 ms |