Google PageSpeed ​​Insights vs. Lighthouse: quale misura le migliori prestazioni del sito?

Cos'è la velocità della pagina?

La velocità della pagina è la quantità di tempo tra quando un browser invia una richiesta di accesso a una pagina e quando la pagina esegue il rendering del contenuto. Le pagine sono composte da molti componenti visibili e invisibili (immagini, testo, tracker, plug-in, ecc.) con tempi di caricamento e scopi dell'utente variabili. Google scompone la velocità della pagina in metriche specifiche che misurano le tappe del caricamento, come la prima pittura di contenuto e il tempo per l'interazione.

La velocità delle pagine varia man mano che il tuo sito cresce, i cambiamenti tecnologici e gli standard web si evolvono. Può influire sul modo in cui i visitatori utilizzano il tuo sito e anche sulla conversione. Pertanto, il monitoraggio della velocità delle pagine dovrebbe essere una parte fondamentale del normale processo di monitoraggio dello stato di salute del sito.

Ma qual è il miglior strumento di monitoraggio della velocità della pagina?

Google offre due opzioni ufficiali: Google PageSpeed ​​Insights e Lighthouse. Entrambi sono strumenti gratuiti e potenti progettati per aiutare i marketer e gli sviluppatori digitali a ottimizzare la velocità delle pagine del loro sito Web, con alcune differenze chiave tra di loro. Confrontiamo PageSpeed ​​Insights e Lighthouse e discutiamo di ciò che devi sapere sul monitoraggio e sul miglioramento della velocità della pagina.

Che cos'è Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) è uno strumento gratuito che misura le metriche della velocità delle pagine su dispositivi desktop e mobili utilizzando sia i dati del mondo reale che quelli di laboratorio. I dati del mondo reale (chiamati anche "dati sul campo") sono un aggregato di 28 giorni estratto dal rapporto sull'esperienza utente di Chrome, mentre i dati di laboratorio vengono calcolati utilizzando l'API Lighthouse.

PSI è semplice da usare per chiunque: vai su https://pagespeed.web.dev/, inserisci un URL e attendi qualche istante affinché l'API generi un rapporto. Sarai in grado di vedere come l'URL si confronta con i Core Web Vitals di Google, valutare le metriche di velocità dettagliate e ricevere una valutazione complessiva delle prestazioni del sito web.

La valutazione delle prestazioni è a media ponderata di ciascun punteggio della metrica di velocità. È come un voto complessivo, ma non è una misura in cui tutto è tutto. Le percentuali tra parentesi sottostanti indicano il peso assegnato a ciascuna metrica nel calcolo del Performance Rating.

• First Contentful Paint: (10%) Quanto tempo impiega la prima immagine o blocco di testo per caricarsi completamente.
• Indice di velocità: (10%) il tempo medio impiegato dal contenuto visibile per caricare fino al completamento dello schermo.
• Pittura con contenuto più grande: (25%) quanto tempo ci vuole per caricare completamente l'immagine o il blocco di testo più grande.
• Time to Interactive: (10%) Quanto tempo impiega una pagina per diventare completamente interattiva.
• Tempo di blocco totale: (30%) la differenza di tempo tra il primo disegno di contenuto e il tempo per l'interattivo durante il quale una pagina è bloccata dall'input dell'utente. (In altre parole, la differenza di tempo tra quando qualcosa appare per la prima volta sullo schermo e quando l'utente può effettivamente fare clic su di esso.)
• Spostamento cumulativo del layout: (15%) Una misura degli spostamenti imprevisti del layout, ovvero il caricamento del contenuto fuori ordine che riorganizza o sposta altri contenuti in alto o in basso nella pagina.

Non preoccuparti se la valutazione delle prestazioni del tuo sito web non è perfetta o se alcune delle tue metriche sembrano basse. Le metriche di velocità possono variare a seconda di alcuni fattori al di fuori del tuo controllo. Ricorda che queste metriche sono un aggregato di dati e le esperienze effettive variano da utente a utente.

Detto questo, puoi massimizzare la tua valutazione del rendimento e migliorare la velocità della pagina concentrandoti sulle sezioni "Opportunità e diagnostica" nella parte inferiore del rapporto. Queste sezioni contengono consigli per azioni specifiche che possono migliorare le metriche di velocità, anche se potrebbero richiedere l'aiuto di uno sviluppatore web SEO per l'implementazione.

Che cos'è il faro di Google?

Google Lighthouse è uno strumento gratuito e open source in grado di eseguire audit del sito per misurare molte metriche diverse. Oltre a valutare la velocità della pagina, Lighthouse può valutare quanto un sito si adatta ai moderni standard di sviluppo Web, il livello di accessibilità, scansionabilità e altro ancora.

Lighthouse utilizza esclusivamente dati di laboratorio, il che significa che gli audit vengono eseguiti in un ambiente controllato e predefinito, non raccolti dai dati effettivi dell'utente.

Esistono diversi modi per accedere al test di velocità di Google Lighthouse. Il modo più semplice per i non sviluppatori di utilizzare Lighthouse è tramite l'estensione del browser Chrome, sebbene l'estensione non possa controllare le pagine con l'autenticazione dei cookie da sola. Gli sviluppatori possono utilizzare Chrome DevTools per l'accesso completo.

Il tuo rapporto Lighthouse includerà informazioni su:

• Prestazioni: gli audit delle prestazioni misurano tutti gli stessi parametri di velocità di PSI, oltre a fornire dati di sviluppo più dettagliati.
• Best Practices: gli audit delle Best Practices esaminano lo "stato del codice" generale di un sito rispetto ai moderni standard di sviluppo, inclusi gli standard di sicurezza.
• Accessibilità: è impossibile sintetizzare l'accessibilità web in un unico punteggio, quindi gli audit di accessibilità cercano varie opportunità di miglioramento nella progettazione, nelle interfacce utente, nel linguaggio, nello sviluppo e in altre aree.
• SEO: gli audit di ottimizzazione dei motori di ricerca (SEO) forniscono un test di base per verificare se i motori di ricerca possono facilmente eseguire la scansione della tua pagina.
• App Web progressiva: se il tuo sito è un'app Web progressiva, questo controllo ne misura la velocità generale, l'affidabilità e l'installabilità.

Cosa sono i pacchetti Stack Lighthouse?

Gli Stack Pack sono una delle funzionalità più recenti di Lighthouse. Con Stack Packs, gli sviluppatori possono visualizzare consigli basati sullo stack a seconda degli stack utilizzati da una pagina. Queste raccomandazioni sono più rilevanti delle raccomandazioni generali standard offerte da Lighthouse, che non sono compatibili con tutti gli strumenti e le piattaforme. Nuovi Stack Pack vengono spesso rilasciati, quindi visita il repository Github ufficiale per saperne di più.

Google PageSpeed ​​Insights vs. Faro

Google PageSpeed ​​Insights combina dati reali di utenti e laboratori per fornire una panoramica completa e di facile comprensione della velocità di una pagina. Lighthouse è incentrato sugli sviluppatori e raccoglie i dati di laboratorio dagli audit che coprono tutto, dalla velocità di caricamento della pagina alla sicurezza web. Entrambi offrono consigli per il miglioramento.

Google PageSpeed ​​Insights vs. Lighthouse: panoramica

Quando utilizzare Google PageSpeed ​​Insights

Usa PSI se desideri una chiara comprensione della velocità di un URL e consigli specifici per il miglioramento da implementare o inoltrare a uno sviluppatore.

Quando utilizzare Google Lighthouse

Usa Lighthouse se sei uno sviluppatore (o non sviluppatore con una certa conoscenza di sviluppo) e desideri approfondire molte metriche del sito diverse oltre la velocità della pagina. Stack Packs può aiutare a fornire consigli più personalizzati rispetto a quelli standard offerti da Lighthouse.

Vuoi i dati migliori? Usa sia PageSpeed ​​Insights che Lighthouse

PSI e Lighthouse hanno ciascuno i loro punti di forza e limiti, ma sono più efficaci se usati insieme per creare un quadro completo del tuo sito.

Mentre Lighthouse offre una visione più ampia dei dati, PageSpeed ​​Insights offre uno sguardo più realistico sulle prestazioni delle pagine Web per gli utenti effettivi. Utilizza entrambi per ottenere consigli per migliorare il front-end e il back-end del tuo sito. Più dati hai a disposizione, più efficaci saranno gli adeguamenti del tuo sito.

Ottieni il massimo da Google Tools con il nostro ebook gratuito

Se togli una cosa da questo articolo, dovrebbe essere che la velocità della pagina è importante e molto più complessa di quanto sembri in superficie. Proprio come non c'è solo un modo per aumentare la velocità di un sito, non c'è solo un modo per aumentare le prestazioni del motore di ricerca del tuo sito, o anche uno dei migliori strumenti di Google per tenere traccia dei dati.

L'ottimizzazione del tuo sito implica la manipolazione di molti dati e la navigazione di strumenti complicati. Per rendere le cose meno complicate, scarica il nostro ebook gratuito, Google Tools for SEO .

Una guida agli strumenti di Google per la SEO

Scarica questa guida per scoprire come utilizzare al meglio i potenti strumenti gratuiti forniti da Google per migliorare i processi e le prestazioni SEO.