PageSpeed Insights (PSI) è uno strumento che consente agli sviluppatori web di capire il rendimento di una pagina e come migliorarla. che utilizza Lighthouse per controllare la pagina e identificare opportunità per migliorare il rendimento. Inoltre, si integra con il Report sull'esperienza utente di Chrome (CrUX) per mostrare l'esperienza degli utenti reali con la pagina e l'origine in forma aggregata. In questa guida, imparerai a utilizzare PSI per estrarre insight da CrUX e comprendere meglio l'esperienza utente.
Lettura dei dati
Per iniziare, visita la pagina https://pagespeed.web.dev/ e inserisci l'URL della pagina da testare, poi fai clic su Analizza.
Dopo qualche secondo, Lighthouse verranno eseguiti controlli e vedrai sezioni con i dati di CrUX ("Scopri cosa stanno succedendo i tuoi utenti reali") e Lighthouse ("Diagnostica i problemi di prestazioni"). CrUX è una raccolta di esperienze utente reali sul campo, mentre Lighthouse è un test controllato in laboratorio.
Nella sezione Esperienze utente reali, le metriche vengono raggruppate per Core Web Vitals e per altre metriche importanti. Le tre metriche Core Web Vitals sono elencate per prime: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) e Cumulative Layout Shift. Seguono le altre metriche importanti: First Contentful Paint (FCP) e Time to First Byte (TTFB).
Segnali web essenziali
- La metrica LCP misura il tempo necessario per visualizzare i contenuti principali della pagina, ad esempio un'immagine hero o un titolo.
- L'INP misura l'interattività della pagina misurando la latenza di tutte le interazioni che un utente ha effettuato con la pagina e riporta un singolo valore inferiore a quello di tutte le interazioni (o quasi).
- La metrica CLS misura il grado di instabilità del layout nella pagina, dovuta a variazioni come l'inserimento di contenuti caricati in modo asincrono.
Altre metriche degne di nota
- Il valore FCP misura il tempo necessario per la visualizzazione di qualcosa nella pagina in primo piano, ad esempio del testo o un logo.
- TTFB è una metrica sperimentale che misura il tempo che intercorre tra la richiesta di una risorsa e il momento in cui inizia ad arrivare il primo byte di una risposta.
Soglie delle metriche
Questa tabella descrive in che modo i valori di queste metriche vengono classificati come "Buono", "Richiede miglioramenti" o "Scarso".
| Metrica | "Buono" | "Richiede miglioramenti" | "Scadente" |
|---|---|---|---|
| LCP | 0-2500 ms | 2500-4000 ms | Oltre 4000 ms |
| CLS | 0,00-0,10 | 0,10-0,25 | 0,25+ |
| INP | 0-200 ms | 200 ms-500 ms | Oltre 500 ms |
| FCP | 0-1800 ms | 1800 ms - 3000 ms | Oltre 3000 ms |
| TTFB | 0-800 ms | 800 ms-1800 ms | Oltre 1800 ms |
Le metriche Core Web Vitals sono le metriche più importanti e vengono fruite direttamente da utenti reali. Le altre metriche possono essere utilizzate come dati diagnostici, ma non sono necessariamente percepite dagli utenti reali. Pertanto, queste metriche non vengono prese in considerazione nella valutazione di Core Web Vitals e il mancato raggiungimento delle soglie "buone" è importante solo se influiscono negativamente su Core Web Vitals.
L'esperienza utente viene visualizzata in PSI in tre modi:
- un'etichetta che riassume la pagina come se ha superato o meno i Core Web Vitals test
- percentile misurati in secondi o millisecondi (CLS è senza unità di misura)
- una distribuzione che rappresenta la percentuale di "buoni", "da migliorare" e "scarso" esperienze sono disponibili facendo clic su Espandi visualizzazione nell'angolo in alto a destra di questa sezione.
Nello screenshot precedente, la pagina è contrassegnata come "superata" la valutazione Core Web Vitals. Per superarlo, il percentile deve essere classificato come "buono" in tutti e tre i Core Web Vitals. In caso contrario, la valutazione risulta "non riuscita". Alcune pagine potrebbero non avere dati INP sufficienti, nel qual caso la pagina viene valutata in base alle altre due metriche di Core Web Vitals.
I percentili mostrati per tutte le metriche corrispondono al 75° percentile. In statistica, un percentile è una misura che indica il valore al di sotto del quale ricade una determinata percentuale di campioni. Ad esempio, lo screenshot riportato sopra mostra che il 75° percentile di INP è 64 ms, il che significa che il 75% delle esperienze INP è più veloce di 64 ms. Questi valori sono codificati per colore in base alla tabella di soglia precedente, dove "Buono" i valori sono verdi, quelli che richiedono miglioramenti sono arancioni e "scarso" sono rossi.
Infine, le distribuzioni per ogni metrica sono illustrate utilizzando i valori "Buono", "Richiede miglioramenti" e "Scarso" per il raggruppamento. Ad esempio, le esperienze LCP in questa pagina sono "valide" (meno di 2,5 secondi) il 90% delle volte. INP è "scadente" (almeno 500 millisecondi) nell'1% delle volte. Queste distribuzioni rappresentano tutte le esperienze utente sulla pagina e le loro forme indicano la tendenza a essere "buona" o "scadente".
Riepilogo del rendimento dell'origine
PSI include anche un riepilogo del rendimento dell'origine. Si tratta di un'aggregazione delle esperienze utente in tutte le pagine di un'origine. Puoi ottenere le stesse statistiche per un'intera origine disponibili per singole pagine. Questi dati sono strettamente allineati a ciò che è disponibile su BigQuery, mentre le prestazioni a livello di pagina non sono rese disponibili per le query.
C'è una grande differenza tra i dati a livello di origine su PSI e su BigQuery. I set di dati su BigQuery vengono rilasciati una volta al mese e comprendono i dati del mese di calendario precedente. Ad esempio, il set di dati 202005 include tutte le esperienze utente avvenute a maggio 2020. D'altra parte, PSI aggrega nuovi dati ogni giorno per i 28 giorni precedenti. Pertanto, i risultati che vedi oggi potrebbero essere diversi domani e non saranno necessariamente gli stessi che vedresti nell'aggregazione del mese corrente su BigQuery.
Risposte quando i dati degli URL non sono disponibili in CrUX
Se l'URL inserito non è disponibile in CrUX, PageSpeed Insights proverà a utilizzare i dati a livello di origine come mostrato nel prossimo screenshot. Se fai clic sull'icona accanto al pulsante Questo URL disattivato, viene visualizzata una spiegazione più dettagliata.
Se i dati a livello di origine non sono disponibili nemmeno in CrUX, PSI non è in grado di visualizzare questa sezione e verrà visualizzato il messaggio Nessun dato. I dati di Lighthouse sono ancora disponibili per darti un'approssimazione del rendimento della pagina.
Domande frequenti
Ecco alcune delle domande frequenti sui dati di CrUX disponibili su PageSpeed Insights:
Quando dovrei utilizzare PageSpeed Insights anziché altri strumenti?
PSI combina i dati relativi all'esperienza utente reale di CrUX con la diagnostica delle prestazioni basata su lab di Lighthouse. In questo modo è più facile vedere la velocità di visualizzazione di una pagina e come renderla più veloce, tutto in un'unica posizione. L'aggregazione giornaliera dei dati dei campi in PSI è un ottimo posto per monitorare più attentamente il rendimento dell'origine o dell'URL rispetto agli strumenti con aggregazioni meno frequenti.
Esistono limitazioni all'utilizzo di PageSpeed Insights?
PSI fornisce solo l'aggregazione giornaliera più recente, pertanto non potresti necessariamente vedere l'andamento del rendimento di un sito. Nel set di dati CrUX sono incluse anche alcune metriche non vitali che non sono esposte in PSI.
Dove posso trovare ulteriori informazioni su PageSpeed Insights?
Consulta la documentazione della PSI per ulteriori informazioni.