Lighthouse e Core Web Vitals di Google sono due diversi metodi che consentono di misurare le prestazioni del tuo sito web e l'esperienza dell'utente. Esistono svariate differenze legate al modo in cui Lighthouse e Core Web Vitals analizzano le prestazioni del sito web, quali metriche vengono utilizzate, quali sono i criteri per ottenere una valutazione positiva e quali strumenti puoi utilizzare per eseguire ciascuna analisi. Questo articolo confronta le due metodologie per consentirti di decidere, con cognizione di causa, il momento in cui utilizzare ognuna di esse.
Lighthouse misura le prestazioni, l'accessibilità, la SEO e altri indicatori qualitativi di best practice delle tue pagine web. A tale scopo, Lighthouse si avvale di dati di laboratorio generati in un ambiente di test permanente. Questi dati di laboratorio vengono utilizzati per simulare delle visite alla tua pagina web con una velocità fissa della CPU, una connessione a Internet 3G e un dispositivo mobile Moto G4. L'uso di una CPU meno potente, di una connessione a Internet più lenta e di uno smartphone meno potente rispecchiano le condizioni effettive degli utenti che visitano il tuo sito.
Core Web Vitals è una serie composta da tre metriche che si propone di misurare e sintetizzare l'esperienza globale dell'utente durante la visita alle tue pagine web, con particolare attenzione alla velocità di caricamento, all'interattività e alla stabilità visiva. Queste metriche utilizzano dati di campo, ovvero dati provenienti dal mondo reale, che vengono inviati anonimamente a Google dagli utenti che visitano una determinata pagina.
Consigliamo di ricorrere il più possibile ai dati di Core Web Vitals perché i dati aggregati del mondo reale costituiscono un indicatore migliore delle prestazioni, se paragonati ai dati point-in-time, derivati da un insieme di condizioni di laboratorio controllate. Inoltre, il punteggio ottenuto con le metriche di Core Web Vital può essere un fattore determinante per la visibilità nel motore di ricerca di Google relativamente alle tue query di ricerca mirate.
Lighthouse e Core Web Vitals utilizzano metriche diverse per generare i loro rapporti. Ogni serie di metriche è caratterizzata da soglie ottimali che determinano se una pagina è considerata valida o meno.
Per generare il proprio rapporto, Lighthouse adotta sei diverse metriche:
-
La più grande vernice contenta (LCP). Misura il tempo di caricamento della pagina e controlla il tempo necessario per il caricamento dell'elemento above the fold più grande (immagine, testo e così via). La soglia ottimale è inferiore a 2,5 secondi.
-
Spostamento cumulativo del layout (CLS). Misura la stabilità visiva del caricamento di una pagina concentrandosi su spostamenti imprevisti del layout non causati da un'interazione dell'utente. A volte, quando una pagina viene caricata, gli elementi si spostano in modo imprevisto e frustrano gli utenti. Ad esempio, potresti caricare una pagina e iniziare a leggere un paragrafo, solo per caricare un'immagine che spinge il paragrafo verso il basso nella pagina. La soglia ottimale è inferiore a 0,1 spostamento del layout.
-
Tempo di blocco totale (TBT). Totale del tempo in cui una pagina non risponde all'input dell'utente. Questi input includono i clic del mouse o i colpi della tastiera. La soglia ottimale è inferiore a 0,2 secondi.
-
Prima vernice contenta (FCP). Il tempo trascorso prima che il primo contenuto venga caricato sulla pagina. Il contenuto deve provenire dal DOM (Document Object Model) della pagina. Il DOM include il contenuto standard della pagina, come immagini e testo. La soglia ottimale è inferiore a 1,8 secondi.
-
Indice di velocità. Misura l'intero processo di caricamento per le parti visive di una pagina web catturando un video del caricamento della pagina e controllando la differenza tra i fotogrammi. La durata totale misura il tempo necessario per passare da una schermata vuota a una pagina completa. La soglia ottimale è inferiore a 3,4 secondi.
-
Tempo per l'interattività (TTI). Quanto tempo impiega la pagina a diventare completamente interattiva in modo che risponda in modo affidabile agli input dell'utente. La soglia ottimale è inferiore a 0,1 secondi.
Il rapporto sulle prestazioni di Lighthouse converte i punteggi grezzi in valori standard compresi tra 0 e 100 e poi applica una media ponderata per il calcolo del punteggio complessivo delle prestazioni del tuo sito web. La valutazione positiva per ogni singola metrica o per il punteggio totale delle prestazioni si attesta al di sopra di 90.
Core Web Vitals misura CLS e LCP esattamente come Lighthouse e utilizza le medesime soglie ideali. In più, Core Web Vitals misura anche il First Input Delay (FID), ovvero il tempo che intercorre dalla prima interazione dell'utente, come ad esempio il clic su un pulsante, al momento in cui il browser reagisce a quell'azione. La soglia ottimale è inferiore a 0,1 secondi. FID è simile alla metrica TBT di Lighthouse e prevede la stessa soglia ottimale. Per poter passare il test, è necessario che la pagina del sito raggiunga la soglia ottimale per ogni metrica al 75° percentile.
Per ulteriori informazioni, vedere Core Web Vitals.
Nota
I punteggi di Core Web Vital sono calcolati analizzando i dati aggregati provenienti da molti utenti per un periodo di 28 giorni. È importante ricordare questo periodo di 28 giorni perché se ottieni un pessimo punteggio e poi apporti dei miglioramenti, sarà necessario attendere che Google rilevi queste modifiche.
I punteggi di Core Web Vital sono calcolati analizzando i dati aggregati provenienti da molti utenti per un periodo di 28 giorni. È importante ricordare questo periodo di 28 giorni perché se ottieni un pessimo punteggio e poi apporti dei miglioramenti, sarà necessario attendere che Google rilevi queste modifiche.
Se desideri ottenere un rapporto Lighthouse, i modi più semplici sono utilizzare l'estensione Lighthouse per il tuo browser Web Chrome o visitare il portale di sviluppo Web di Google e inserire il tuo URL. Altre opzioni includono Chrome Dev tool , Page Speed Insights e l'utilizzo della riga di comando.
Diversi tool misurano i Core Web Vitals, tra cui Chrome User Experience Report (CrUX), Google Search Console e PageSpeed Insights. Il modo più rapido e semplice per controllare i Core Web Vitals di qualsiasi URL è attraverso PageSpeed Insights.