Strumento gratuito: Prestazioni

Test velocità sito web

Carichiamo la tua pagina come uno smartphone di fascia media con una connessione 4G lenta, misuriamo quanto velocemente compare il contenuto principale e quanto si sposta la pagina, e mostriamo cosa la rende pesante. Quando Google ha dati di utenti reali per il tuo sito, vedi anche quelli.

Gratis. Di solito completato in meno di un minuto.

Cosa controlla questo strumento

  • Uno smartphone in 4G lento

    La pagina viene caricata in Chromium come uno smartphone di classe Moto G Power (412 × 823) con 150 ms di latenza, circa 1,6 Mbps in download e 750 Kbps in upload, e una CPU 4× più lenta. È il profilo che Lighthouse usa per i test su mobile.

  • Largest Contentful Paint

    Quando l’immagine o il blocco di testo più grande della prima schermata ha finito di essere visualizzato, e quale elemento era.

  • Cumulative Layout Shift

    Quanto il contenuto visibile si è spostato in modo inatteso durante il caricamento della pagina.

  • Total Blocking Time

    Per quanto tempo gli script hanno tenuto il browser troppo occupato per rispondere a un tocco: la parte di ogni attività lunga oltre i 50 ms, sommata. È il sostituto di laboratorio di Interaction to Next Paint.

  • Cosa scarica la pagina

    Byte e richieste totali, suddivisi tra immagini, script, CSS e font, e la quota che proviene da terze parti.

  • Immagini pesanti e file che bloccano il rendering

    Immagini oltre i 150 KB o molto più larghe dello spazio in cui sono mostrate, e i file CSS e script che ritardano il primo rendering.

  • Dati di utenti reali da Chrome

    Il Chrome UX Report di Google per la tua origine su smartphone al 75° percentile: LCP, INP e CLS, quando Google ha abbastanza traffico per il sito.

Cosa non può controllare

  • Dare gli stessi numeri a ogni esecuzione. I risultati di laboratorio variano con la rete, il carico del server e gli script di terze parti, quindi confronta le tendenze più che le singole esecuzioni.
  • Corrispondere esattamente a PageSpeed Insights. Entrambi usano un profilo di smartphone simile, ma girano su macchine e reti diverse.
  • Misurare INP in laboratorio. INP richiede interazioni reali, quindi il test di laboratorio mostra TBT e i dati sul campo mostrano INP quando esistono.
  • Mostrare dati sul campo per ogni sito. Il Chrome UX Report copre gli ultimi 28 giorni e solo le origini con abbastanza traffico da Chrome.
  • Testare più della singola pagina che inserisci. Il Report Prestazioni a pagamento testa 3 pagine chiave e ordina le cause con le relative correzioni.

Perché è importante

Una pagina che sembra istantanea con il Wi-Fi dell’ufficio e un portatile veloce può impiegare diversi secondi su uno smartphone di fascia media con poco segnale. È la situazione che questo test ricrea, perché è lì che immagini e script pesanti fanno più danni.

I Core Web Vitals sono le misure con cui Google valuta questa esperienza: caricamento (LCP), reattività (INP) e stabilità visiva (CLS). Google li usa nel ranking, ma afferma che una buona esperienza sulla pagina non conta più di contenuti pertinenti. Il loro effetto maggiore è sulle persone: una pagina lenta o che salta perde visitatori prima che leggano qualsiasi cosa.

Le cause di solito sono concrete: un’immagine hero non compressa di diversi megabyte, un widget di chat che si carica prima del contenuto, un web font che nasconde il testo o un banner inserito sopra la pagina dopo che è comparsa. Il test indica l’elemento LCP e i file più pesanti, così puoi vedere quale di questi casi si applica.

Come leggere i risultati

Largest Contentful Paint (LCP)
Buono sotto i 2,5 s, scarso oltre i 4 s. Se l’elemento LCP è un’immagine, contano soprattutto la sua dimensione e la priorità di caricamento; se è testo, guarda i web font e il CSS che blocca il rendering.
Cumulative Layout Shift (CLS)
Buono sotto 0,1, scarso oltre 0,25. Un punteggio senza unità di misura che combina quanta parte dello schermo si è spostata e di quanto.
Total Blocking Time (TBT)
Buono sotto i 200 ms, scarso oltre i 600 ms. Un TBT alto fa prevedere risposte lente ai tocchi per gli utenti reali.
Byte e richieste
Non esiste un limite ufficiale; guarda quale tipo prevale. Le immagini sono di solito la quota maggiore, e una quota alta di terze parti indica app, tag e widget.
Immagini pesanti
Ogni immagine oltre i 150 KB, o scaricata molto più larga di come viene mostrata, con il peso del file e le dimensioni.
File che bloccano il rendering
CSS e script sincroni che il browser deve scaricare prima di poter mostrare qualcosa.
Dati sul campo (75° percentile)
Utenti reali di Chrome su smartphone negli ultimi 28 giorni. Il 75° percentile significa che tre caricamenti di pagina su quattro sono stati veloci almeno quanto questo valore. INP è buono sotto i 200 ms e scarso oltre i 500 ms.
Nessun dato sul campo
Google non ha abbastanza traffico da Chrome per la tua origine. Non dice nulla sulla tua velocità; affidati ai risultati di laboratorio.

Come correggere i problemi più comuni

  • Un’immagine LCP lenta

    Servi l’immagine hero alla dimensione in cui viene mostrata, usando srcset, in WebP o AVIF. Non caricarla in lazy loading, aggiungi fetchpriority="high" e inseriscila nell’HTML come elemento img invece di caricarla da uno script o come sfondo CSS.

  • Contenuto che salta durante il caricamento

    Dai a immagini, video ed embed gli attributi width e height o un aspect-ratio CSS. Riserva lo spazio per banner, avvisi sui cookie e annunci, oppure mostrali come overlay che non spingono in basso il contenuto. Per i web font, usa font-display: optional o un font di riserva con dimensioni corrispondenti.

  • Total Blocking Time alto

    Per prima cosa rimuovi app, tag e plugin che non usi più; i loro script spesso restano anche dopo che hai smesso di usarli. Carica chat, recensioni e analytics con defer o dopo che la pagina è diventata interattiva. Su Shopify, controlla Negozio online › Temi › Personalizza › Incorporamenti app.

  • CSS e script che bloccano il rendering

    Aggiungi defer agli script che non devono essere eseguiti prima del primo rendering, inserisci inline la piccola quantità di CSS che serve alla prima schermata ed elimina i fogli di stile per funzioni che la pagina non usa.

  • Immagini troppo pesanti

    Ridimensiona le immagini prima di caricarle (circa 2000 px di larghezza bastano per un banner a tutta larghezza) e comprimile. Shopify e WordPress possono servire automaticamente versioni più piccole quando il tema le richiede, quindi verifica che il tuo tema usi dimensioni di immagine responsive.

Domande su questo strumento

Perché i miei risultati sono diversi da quelli di PageSpeed Insights?

I test di laboratorio dipendono dalla macchina, dalla rete e dal momento. PageSpeed Insights esegue Lighthouse sui server di Google e simula la connessione lenta, mentre noi applichiamo la limitazione della rete in un browser reale. Aspettati intervalli simili, non numeri identici.

Qual è un buon valore di LCP?

2,5 secondi o meno per almeno il 75% dei caricamenti di pagina, secondo web.dev. Oltre 4 secondi è scarso.

Perché non ci sono dati di utenti reali per il mio sito?

Il Chrome UX Report include solo le origini individuabili pubblicamente e che ricevono abbastanza visite da utenti di Chrome che condividono le statistiche di utilizzo. Molti siti piccoli non raggiungono quel livello; il test di laboratorio mostra comunque cosa correggere.

Perché testare su uno smartphone lento invece che su desktop?

Perché è lì che i problemi emergono per primi. Un portatile veloce nasconde immagini e script pesanti che costano secondi su uno smartphone di fascia media, e Lighthouse usa lo stesso profilo di smartphone per i suoi test su mobile.

Che fine ha fatto First Input Delay?

Interaction to Next Paint (INP) ha sostituito First Input Delay come Core Web Vital a marzo 2024. INP considera il ritardo delle interazioni durante tutta la visita, non solo della prima.

Fonti

Strumenti correlati

Il Report Prestazioni ($55, una tantum) parte dalla scansione gratuita completa e aggiunge altre pagine, la modifica da fare per ogni problema rilevato, un PDF e nuovi test per verificare le tue correzioni.

Informazioni sul Report Prestazioni