Confronto tra Lighthouse e Core Web Vitals

Nota: questa funzione non è inclusa nella tua configurazione di Smoobu. Le informazioni riportate di seguito sono fornite solo a titolo di riferimento; se ti serve, contatta il supporto di Smoobu.

Lighthouse e i Core Web Vitals di Google sono due metodi diversi per misurare il rendimento e l'esperienza utente del tuo sito. Si differenziano su vari aspetti: come misurano il rendimento, quali metriche usano, cosa conta come punteggio idoneo e con quali strumenti si genera ogni report. Questo articolo mette a confronto i due approcci, così puoi scegliere con consapevolezza quando usare l'uno o l'altro.

Come si determinano i punteggi di rendimento

Lighthouse

Lighthouse misura il rendimento, l'accessibilità, la SEO e altri indicatori di qualità e best practice delle tue pagine web. Per farlo usa dati di laboratorio generati in un ambiente di test fisso. Con questi dati simula visite alla tua pagina con una velocità di CPU fissa, una connessione internet 3G e un dispositivo mobile Moto G4. L'uso di una CPU un po' limitata, di una connessione più lenta e di uno smartphone meno potente riflette le condizioni reali di chi visita il tuo sito.

Core Web Vitals

I Core Web Vitals sono un insieme di tre metriche che cercano di misurare e riassumere l'esperienza complessiva di chi visita le tue pagine, concentrandosi su velocità di caricamento, interattività e stabilità visiva. Queste metriche usano dati sul campo, cioè dati reali che gli utenti inviano in forma anonima a Google quando visitano una pagina specifica.

Ti consigliamo di basarti il più possibile sui dati dei Core Web Vitals, perché i dati aggregati del mondo reale indicano il rendimento meglio dei dati puntuali raccolti in un set controllato di condizioni di laboratorio. Inoltre, il punteggio che ottieni nelle metriche dei Core Web Vitals può influire sul risalto con cui compari nelle pagine dei risultati di Google per le ricerche che ti interessano.

Metriche e punteggi

Sia Lighthouse sia i Core Web Vitals usano metriche diverse per generare i loro report. Ogni insieme di metriche ha soglie ottimali che stabiliscono se una pagina è considerata idonea o no.

Lighthouse

Lighthouse usa sei metriche diverse per generare il suo report:

• Largest Contentful Paint (LCP). Misura il tempo di caricamento della tua pagina e verifica quanto impiega a caricarsi l'elemento più grande visibile senza scorrere (un'immagine, un testo e così via). La soglia ottimale è meno di 2.5 secondi.
• Cumulative Layout Shift (CLS). Misura la stabilità visiva durante il caricamento della pagina, concentrandosi sugli spostamenti imprevisti del layout non causati dall'utente. A volte, mentre una pagina si carica, alcuni elementi si spostano in modo imprevisto e infastidiscono chi la usa. Ad esempio, carichi una pagina e inizi a leggere un paragrafo, ma si carica un'immagine che lo spinge verso il basso. La soglia ottimale è meno di 0.1 di spostamento del layout.
• Total Blocking Time (TBT). Tempo totale durante il quale la pagina non può rispondere alle azioni dell'utente, come i clic del mouse o la pressione dei tasti. La soglia ottimale è meno di 0.2 secondi.
• First Contentful Paint (FCP). Tempo che passa finché non si carica il primo contenuto della pagina. Quel contenuto deve provenire dal DOM (Document Object Model) della pagina. Il DOM include contenuti abituali, come immagini e testo. La soglia ottimale è meno di 1.8 secondi.
• Speed Index. Misura l'intero processo di caricamento delle parti visive di una pagina registrando un video del caricamento e confrontando la differenza tra i fotogrammi. La durata totale misura quanto si impiega a passare da uno schermo bianco a una pagina completa. La soglia ottimale è meno di 3.4 secondi.
• Time to Interactive (TTI). Quanto impiega la pagina a diventare del tutto interattiva e a rispondere in modo affidabile alle azioni dell'utente. La soglia ottimale è meno di 0.1 secondi.

Il report sul rendimento di Lighthouse converte i punteggi grezzi in valori standard da 0 a 100 e poi usa una media ponderata per calcolare il punteggio di rendimento totale del tuo sito. Sia una singola metrica sia il punteggio totale sono considerati idonei se superano 90.

Core Web Vitals

I Core Web Vitals misurano il CLS e l'LCP allo stesso modo di Lighthouse e con le stesse soglie ottimali. In più, misurano anche il First Input Delay (FID), cioè il tempo che passa dalla prima interazione dell'utente, come fare clic su un pulsante, a quando il browser risponde a quell'azione. La soglia ottimale è meno di 0.1 secondi. Il FID assomiglia alla metrica TBT di Lighthouse e ha la stessa soglia ottimale. Perché una pagina del tuo sito sia considerata idonea, deve raggiungere la soglia ottimale di ogni metrica al 75° percentile.

Per maggiori informazioni, consulta «Core Web Vitals».

Nota: i punteggi dei Core Web Vitals si calcolano con dati sul campo aggregati di molti utenti su un periodo di 28 giorni. Questo periodo di 28 giorni è importante da ricordare, perché se ottieni un punteggio basso e poi apporti dei miglioramenti, dovrai aspettare che Google li rilevi.

Strumenti

Se vuoi un report di Lighthouse, i modi più comodi sono usare l'estensione Lighthouse per il browser Chrome o visitare il Web Dev Portal di Google e inserire il tuo URL. Altre opzioni sono Chrome Dev Tools, Page Speed Insights e la riga di comando.

Diversi strumenti 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 un URL è PageSpeed Insights.