Tre misure e le loro soglie#
Google misura come viene percepito il sito con tre misure. La valutazione si fa al 75° percentile, cioè come va in tre visite su quattro [1]. Google usa le misure nei suoi sistemi di esperienza sulla pagina [2].
✓ Buono ! Da migliorare ✕ Scarso
Mostra come tabella
| Misura | Buono | Da migliorare | Scarso |
|---|---|---|---|
| LCP | al massimo 2,5 s | 2,5-4 s | oltre 4 s |
| INP | al massimo 200 ms | 200-500 ms | oltre 500 ms |
| CLS | al massimo 0,1 | 0,1-0,25 | oltre 0,25 |
Da dove vengono i numeri#
I numeri vengono dal Chrome UX Report: dati anonimi di utenti reali di Chrome che condividono statistiche. Sono inclusi solo i siti con abbastanza visite, e Google non dice dove si trova la soglia [3]. Se mancano dati per il tuo sito, lo diciamo. Non indoviniamo mai un numero.
Il nostro requisito: meno di 0,7 secondi#
Le soglie di Google sono un livello minimo. Sui siti che realizziamo e gestiamo chiediamo di più: il contenuto principale deve comparire entro 0,7 secondi su un computer e il server deve rispondere entro 0,2 secondi. Sul cellulare, dove Google presuppone una rete 4G più lenta, la pagina deve superare con margine la soglia del buono di Google. I requisiti valgono sia per il nuovo design sia per la copia del sito attuale del cliente [4] [5].
| Misura | La soglia del buono di Google | Il nostro requisito per i nostri siti |
|---|---|---|
| La risposta del server (TTFB) | al massimo 0,8 s (raccomandazione) | al massimo 0,2 s |
| Compare il primo contenuto (FCP) | al massimo 1,8 s (raccomandazione) | al massimo 0,8 s |
| Compare il contenuto principale (LCP), computer | al massimo 2,5 s | al massimo 0,7 s |
| Compare il contenuto principale (LCP), cellulare con 4G | al massimo 2,5 s | al massimo 2,5 s, obiettivo 1,0 s |
| Risposta al clic (INP) | al massimo 0,2 s | al massimo 0,1 s |
| Spostamento del layout (CLS) | al massimo 0,1 | al massimo 0,1, obiettivo 0,02 |
| Prestazioni Lighthouse | 90+ è considerato buono | 90-100 |
| SEO e accessibilità Lighthouse | nessun requisito di Google | 95-100 |
Come testiamo la velocità#
- Ogni sito che realizziamo o mostriamo in anteprima viene testato con PageSpeed Insights di Google, su cellulare e computer, almeno una volta a settimana e dopo ogni modifica. Un sito che non rispetta il requisito compare subito nella nostra gestione, con cosa va corretto [6].
- Ogni sito che analizziamo, anche quello attuale del cliente, viene testato allo stesso modo. Il commerciale vede il dato con la sua fonte, per esempio quanti secondi ci vogliono prima che il contenuto principale compaia sul cellulare, confrontato con la soglia di Google.
- Se il sito ha abbastanza visitatori, mostriamo anche la misurazione di Google dei visitatori reali (il Chrome UX Report), che è quella che Google stesso usa [3].
Ecco cosa facciamo perché il sito sia veloce#
- La pagina viene inviata già pronta dal server, con lo stile più importante direttamente nella pagina, così nulla deve aspettare gli script.
- L'immagine principale viene recuperata per prima e nelle dimensioni giuste per lo schermo; le immagini più in basso si caricano quando il visitatore scorre fin lì.
- I font sono sul nostro server, e uno stile di riserva con le stesse misure evita che il testo salti quando arriva il font.
- La pagina successiva viene recuperata in anticipo quando il visitatore punta un link, così si apre subito.
- Il lavoro in background sul server viene sempre dopo le pagine dei visitatori.
- Mostriamo la misurazione di Google nell'analisi quando esiste, con data e fonte.
Immagini#
Come le immagini vanno nominate, descritte e caricate, e quali sono i miti su EXIF e GPS, è spiegato in Immagini e nomi dei file.
Quanto è veloce il tuo sito web?
L'analisi gratuita misura la velocità su cellulare e computer.
0 SEK · senza registrazione · risposta in circa un minuto
Fonti in questa pagina
- Web Vitals: metriche e soglie web.dev (Google) · Documentazione ufficiale
- Core Web Vitals e Ricerca Google Google Search Central · Documentazione ufficiale
- Chrome UX Report: metodologia Chrome for Developers · Documentazione ufficiale
- Largest Contentful Paint (LCP) web.dev (Google) · Documentazione ufficiale
- Time to First Byte (TTFB) web.dev (Google) · Documentazione ufficiale
- Informazioni su PageSpeed Insights Google for Developers · Documentazione ufficiale