Lighthouse e Core Web Vitals di Google sono due metodi diversi per misurare le prestazioni e l'esperienza utente del tuo sito web. Esistono diverse differenze nel modo in cui Lighthouse e Core Web Vitals misurano le prestazioni del sito web, nelle metriche utilizzate, in cosa si intende per punteggio di superamento e negli strumenti che puoi utilizzare per eseguire ciascun report. Questo articolo confronta i due approcci in modo che tu possa prendere una decisione informata su quando utilizzarli.
Come vengono determinati i punteggi delle prestazioni
Lighthouse
Lighthouse misura le prestazioni, l'accessibilità, la SEO e altri indicatori di pratica consigliata delle tue pagine web. Per farlo, Lighthouse utilizza dati di laboratorio generati in un ambiente di test fisso. Questi dati di laboratorio vengono utilizzati per simulare le visite alla tua pagina web con una velocità di CPU fissa, una connessione Internet 3G e un dispositivo mobile Moto G4. L'utilizzo di una CPU leggermente meno potente, una connessione Internet più lenta e uno smartphone meno potente riflette le condizioni reali degli utenti che visitano il tuo sito.
Core Web Vitals
I Core Web Vitals sono un insieme di tre metriche che tentano di misurare e riassumere l'esperienza utente complessiva durante la visita alle tue pagine web, concentrandosi su velocità di caricamento, interattività e stabilità visiva. Queste metriche utilizzano dati di campo, ovvero dati reali inviati in forma anonima a Google dagli utenti effettivi quando visitano una pagina specifica.
Ti consigliamo di fare affidamento il più possibile sui dati di Core Web Vitals, perché i dati aggregati reali sono un indicatore migliore delle prestazioni rispetto ai dati puntuali basati su un insieme controllato di condizioni di laboratorio. Inoltre, il punteggio ottenuto dalle metriche di Core Web Vitals può fare la differenza nella visibilità della tua attività nelle pagine dei risultati di ricerca di Google per le tue query di ricerca mirate.
Metriche e punteggi
Sia Lighthouse che Core Web Vitals utilizzano metriche diverse per generare i loro report. Ogni set di metriche ha soglie ottimali che determinano se una pagina è considerata idonea o meno.
Faro
Lighthouse utilizza sei metriche diverse per generare il suo report:
- Largest Contentful Paint (LCP) . Misura il tempo di caricamento della pagina e controlla quanto tempo impiega l'elemento above the fold più grande (immagine, testo e così via) a caricarsi. 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 di layout imprevisti non causati da un'interazione utente. A volte, durante il caricamento di una pagina, gli elementi si spostano in modo inaspettato, creando frustrazione negli utenti. Ad esempio, potresti caricare una pagina e iniziare a leggere un paragrafo, per poi ritrovarti con un'immagine che sposta il paragrafo verso il basso nella pagina. La soglia ottimale è inferiore a 0,1 spostamenti di layout.
- Tempo di blocco totale (TBT). Tempo totale durante il quale una pagina è bloccata nel rispondere agli input utente. Questi input includono clic del mouse o pressioni della tastiera. La soglia ottimale è inferiore a 0,2 secondi.
- First Contentful Paint (FCP) . Tempo trascorso fino al caricamento del primo contenuto sulla pagina. Il contenuto deve provenire dal DOM (Document Object Model) della pagina. Il DOM include contenuti standard pagina come immagini e testo. La soglia ottimale è inferiore a 1,8 secondi.
- Indice di velocità. Misura l'intero processo di caricamento delle parti visive di una pagina web catturando un video del caricamento della pagina e verificando la differenza tra i fotogrammi. La durata totale misura il tempo impiegato per passare da una schermata vuota a una pagina completa. La soglia ottimale è inferiore a 3,4 secondi.
- Tempo di interattività (TTI). Tempo necessario alla pagina per diventare completamente interattiva, in modo da rispondere in modo affidabile agli input utente. La soglia ottimale è inferiore a 0,1 secondi.
Il report sulle prestazioni di Lighthouse converte i punteggi grezzi in valori standard da 0 a 100, quindi utilizza una media ponderata per calcolare il punteggio totale delle prestazioni del tuo sito web. Un punteggio superiore a 90 per ogni singola metrica o per il punteggio totale delle prestazioni è considerato sufficiente.
Core Web Vitals
Core Web Vitals misurano CLS e LCP allo stesso modo di Lighthouse e utilizzano le stesse soglie ottimali. Inoltre, Core Web Vitals misurano anche il First Input Delay (FID), che misura il tempo trascorso dalla prima interazione dell'utente, ad esempio il clic su un pulsante, fino alla risposta del browser a tale azione. La soglia ottimale è inferiore a 0,1 secondi. Il FID è simile alla metrica TBT di Lighthouse e ha la stessa soglia ottimale. Affinché una pagina del tuo sito web sia considerata superata, deve raggiungere la soglia ottimale per ciascuna metrica al 75° percentile.
Per ulteriori informazioni, vedere Introduzione a Core Web Vitals.
Nota:
I punteggi Core Web Vitals vengono calcolati utilizzando dati aggregati raccolti da numerosi utenti in un periodo di 28 giorni. È importante tenere a mente questo periodo di 28 giorni perché, se si ottiene un punteggio basso e si apportano miglioramenti, sarà necessario attendere che Google li rilevi.
Utensili
Se desideri ottenere un report Lighthouse, i metodi più intuitivi sono utilizzare l' estensione Lighthouse per il tuo browser web Chrome o visitare il Portale Web Dev di Google e inserire il tuo URL. Altre opzioni includono Chrome Dev Tools, PageSpeed Insights e l'utilizzo della 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 qualsiasi URL è tramite PageSpeed Insights.