Confronto tra Lighthouse e Core Web Vitals

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.

Come vengono determinati i punteggi relativi alle prestazioni

Lighthouse

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

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.

Metriche e punteggi

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.

Lighthouse

Per generare il proprio rapporto, Lighthouse adotta sei diverse metriche:

• Largest Contentful Paint (LCP). Misura il tempo di caricamento delle tue pagine e controlla quanto tempo impiega per il caricamento dell'elemento più grande "above the fold" (immagine, testo e così via). La soglia ottimale è inferiore a 2,5 secondi.

• Cumulative Layout Shift (CLS). Misura la stabilità visiva che caratterizza il caricamento di una pagina, evidenziando eventuali variazioni impreviste del layout non causate da un'interazione dell'utente. Talvolta, quando una pagina viene caricata, gli elementi si spostano improvvisamente causando un senso di frustrazione negli utenti. Ad esempio, potresti caricare una pagina e iniziare a leggere un paragrafo, ma poi viene caricata un'immagine che spinge il paragrafo verso il fondo della pagina. La soglia ottimale corrisponde a uno spostamento del layout inferiore a 0,1.

• Total Blocking Time (TBT). Durata totale in cui una pagina non risponde all'input dell'utente. Questi input includono i clic del mouse o i tocchi sui tasti della tastiera. La soglia ottimale è inferiore a 0,2 secondi.

• First Contentful Paint (FCP). È il tempo necessario al caricamento del primo pezzo di contenuto sulla pagina. Il contenuto deve provenire dal DOM (Document Object Model) della pagina. Il DOM comprende il contenuto standard della pagina quali le immagini e il testo. La soglia ottimale è inferiore a 1,8 secondi.

• Speed Index. Misura la durata complessiva del processo di caricamento delle parti visive di una pagina web attraverso la registrazione di un video sul caricamento della pagina e il controllo delle differenze tra un fotogramma e l'altro. 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.

• Time to Interactive (TTI). Il tempo necessario affinché la pagina sia pienamente interattiva e 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

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 maggiori informazioni, consulta Introduzione a Core Web Vitals.

STRUMENTI

Se desideri avere un report Lighthouse, la soluzione più semplice è utilizzare l'estensione Lighthouse per il tuo browser Chrome o visitare il portale Web Dev di Google e inserire il tuo URL. Tra le altre opzioni ricordiamo Chrome Dev Tools, Page Speed Insights e l'utilizzo della riga di comando.

Esistono diversi strumenti per la misurazione dei Core Web Vitals, tra cui Chrome User Experience Report (CrUX), Google Search Console e PageSpeed Insights. Il modo più semplice e veloce per monitorare i Core Web Vitals di qualsiasi URL è mediante PageSpeed Insights.