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, quali metriche vengono utilizzate, cosa costituisce un punteggio sufficiente e quali strumenti è possibile utilizzare per eseguire ciascun rapporto. Questo articolo confronta i due approcci in modo da poter prendere una decisione informata su quando utilizzarli
Lighthouse misura le prestazioni, l'accessibilità, la SEO e altri indicatori di qualità delle migliori pratiche delle tue pagine web. A tale scopo, 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à della CPU fissa, una connessione Internet 3G e un dispositivo mobile Moto G4. L'uso di una CPU leggermente sottodimensionata, di una connessione Internet più lenta e di uno smartphone meno potente riflette le condizioni reali degli utenti che visitano
Core Web Vitals sono un insieme di tre metriche che tentano di misurare e riassumere l'esperienza complessiva dell'utente durante la visita delle pagine Web concentrandosi sulla velocità di caricamento, sull'interattività e sulla stabilità visiva. Queste metriche utilizzano dati sul campo, ovvero dati reali inviati anonimamente a Google da
Ti consigliamo di fare affidamento il più possibile sui dati Core Web Vitals perché i dati aggregati del mondo reale sono un indicatore delle prestazioni migliore rispetto ai dati point-in-time basati su una serie controllata di condizioni di laboratorio. Inoltre, il punteggio che ricevi sulle metriche di Core Web Vital può fare la differenza nella tua visibilità nelle pagine dei risultati dei motori di ricerca di Google per le tue query di ricerca mirate
Sia Lighthouse che Core Web Vitals utilizzano metriche diverse per generare i propri report. Ogni set di metriche ha soglie ottimali che determinano se una pagina è considerata superata o meno
Lighthouse utilizza sei diverse metriche per generare il suo rapporto:
-
Largest Contentful Paint (LCP). Misura il tempo di caricamento della pagina e controlla il tempo impiegato per caricare l'elemento above the fold più grande (immagine, testo e così via). La soglia ottimale è inferiore a 2,5 secondi.
-
Cambio cumulativo del layout (CLS). Misura la stabilità visiva del caricamento di una pagina concentrandosi su cambiamenti di layout imprevisti non causati dall'interazione dell'utente. A volte, quando viene caricata una pagina, 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). Periodo totale di tempo in cui una pagina non risponde all'input dell'utente. Questi input includono i clic del mouse o le sequenze della tastiera. La soglia ottimale è inferiore a 0,2 secondi
-
First Contentful Paint (FCP). Il tempo trascorso prima del caricamento del primo contenuto sulla pagina. Il contenuto deve provenire dal DOM (Document Object Model) della pagina. Il DOM include contenuti di pagina standard 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 controllando la differenza tra i frame. 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). Quanto tempo impiega la pagina a diventare completamente interattiva in modo da rispondere in modo affidabile agli input dell'utente. La soglia ottimale è inferiore
Il rapporto 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 sufficiente per ogni singola metrica o il punteggio totale delle prestazioni
Core Web Vitals misura CLS e LCP allo stesso modo di Lighthouse e utilizza le stesse soglie ottimali. Inoltre, Core Web Vitals misura anche il First Input Delay (FID), che misura il tempo impiegato dalla prima interazione dell'utente, ad esempio facendo clic su un pulsante, fino a quando il browser risponde 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, è necessario raggiungere la soglia ottimale per ogni metrica
Per ulteriori informazioni, vedere Core Web Vitals.
Nota
I punteggi Core Web Vital vengono calcolati utilizzando dati di campo aggregati di molti utenti in 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 attendere
I punteggi Core Web Vital vengono calcolati utilizzando dati di campo aggregati di molti utenti in 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 attendere
Se desideri ottenere un rapporto su Lighthouse, i modi più intuitivi sono utilizzare Estensione del faro per il tuo browser web Chrome o da visitare Il Web Dev Portal di Google e inserisci il tuo URL. Altre opzioni includono Strumenti per sviluppatori di Chrome , Informazioni sulla velocità della paginae utilizzando la riga di comando.
Numerosi strumenti misurano i Core Web Vitals, tra cui Rapporto sull'esperienza utente di Chrome (CruX), Google Search Console , e PageSpeed Insights. Il modo più rapido e semplice per controllare i Core Web Vitals di qualsiasi URL è tramite PageSpeed