Lighthouse | Google

Google Lighthouse è uno strumento open source sviluppato da Google per aiutare i webmarketer a controllare determinate statistiche, come le prestazioni, SEO e accessibilità delle loro pagine web tramite punteggi. Ciò consente ai webmarketer di ottimizzare le proprie pagine web e migliorare i propri punteggi in base alle metriche.

Lo sapevi? Tutto ciò che serve è che il tuo sito Web non si carichi entro i primi tre secondi affinché il 53% degli utenti ti lasci molto rapidamente.

La soluzione ovvia è aumentare la velocità e le prestazioni del tuo sito web.

Precisamente, Google Lighthouse è lo strumento perfetto che puoi utilizzare gratuitamente per testare le pagine del tuo sito web in termini di prestazioni, accessibilità e referenziazione naturale.

Scopriamo in questa breve descrizione come funziona lo strumento Google Lighthouse.

Che cos’è Google Lighthouse?

Google Lighthouse è la risposta alla mancanza di uno strumento perfetto per aiutare i siti Web famosi che stavano lottando con problemi di prestazioni.

Questo è il modo in cui Google Lighthouse ha visto i suoi giorni come uno strumento automatizzato per misurare le prestazioni, l’accessibilità e i punteggi SEO. 

Aiuta molti sviluppatori in tutto il mondo a migliorare e potenziare le loro pagine Web di conseguenza per ottenere autorità nelle SERP.

Lighthouse, infatti, ottimizza ogni segmento di una pagina come:

• La gerarchia DOM; 
• La gerarchia di ogni tag HTML 5; 
• CSS e JavaScript non utilizzati; 
• Il rapporto tra le combinazioni di colori; 
• Il tempo di caricamento di Js e Css di terze parti;
• E tante altre cose.

Cosa misura Google Lighthouse?

Google Lighthouse fornisce una chiara ripartizione delle metriche più importanti del tuo sito Web come:

• sito 

Performance del

Come PageSpeed ​​Insights, l’area “Rendimento” del rapporto Lighthouse contiene alcune metriche utili che puoi utilizzare per far funzionare il tuo sito per scalare le classifiche di Google.

Questi sono essenzialmente:

• Primo Contentful Paint: chiamato anche FCP, questa metrica misura il tempo necessario al browser per eseguire il rendering del primo contenuto DOM (Document Object Model) della pagina. I contenuti DOM possono essere immagini, SVG, ecc. Lighthouse mostra il punteggio FCP in secondi;
• Indice di velocità: Google Lighthouse fornisce questo punteggio per valutare la velocità con cui i contenuti vengono visualizzati visivamente durante il caricamento della pagina;
• Spostamento cumulativo del layout: spesso abbreviato in CLS, il punteggio CLS indica il numero di spostamenti del layout che si verificano durante il caricamento di una pagina intera.

Seguendo i miglioramenti delle prestazioni del sito prescritti da Google Lighthouse, avrai maggiori possibilità di posizionarti più in alto nelle pagine dei risultati dei motori di ricerca.

• Accessibilità del sito web

Fondamentalmente, questa metrica presenta potenziali possibilità di migliorare la disponibilità e l’esperienza del cliente della tua app mobile o del tuo sito web.

Il monitoraggio del rapporto sul miglioramento dell’accessibilità assicurerà che i tuoi clienti possano esplorare e utilizzare il tuo sito senza troppi sforzi.

Ecco i test importanti effettuati dallo strumento in termini di accessibilità:

• Struttura degli elementi: Lighthouse ti fornisce informazioni garantendo che il tuo contenuto HTML sia molto ben organizzato;
• Contrasto del sito: Lighthouse ti fornisce informazioni sul contratto del tuo sito Web per farti sapere se il tuo contenuto è leggibile e decifrabile o meno;
• Denominazione degli elementi: quando alcuni elementi del tuo sito Web, come il testo alternativo per le immagini, non sono nominati in modo appropriato e significativo, Lighthouse te lo farà notare.

Oltre a fornire una panoramica accurata dei suggerimenti sull’accessibilità, lo strumento ti rivelerà anche quali audit hai superato, quali approcci non sono rilevanti e quali controlli aggiuntivi devi eseguire.

• Best practice

Un altro segmento altrettanto importante dello strumento Google Lighthouse è la metrica delle best practice.

Questa parte del rapporto di Lighthouse non fornisce dati precisi sulle prestazioni.

Tuttavia, ti fornirà consigli che possono migliorare sia la tua esposizione che l’esperienza del cliente, in particolare per i siti mobili.

• Riferimento naturale

L’ultimo e più dinamico punto di forza dello strumento Lighthouse di Google è la metrica SEO.

La maggior parte dei web designer e degli specialisti SEO preferisce utilizzare Google Lighthouse per analizzare un sito perché anche PageSpeed ​​​​non ha una funzione di revisione SEO.

La metrica SEO dello strumento si basa sui fondamenti per esaminare la razionalizzazione della tua pagina per il posizionamento dei risultati dei motori di ricerca.

Tuttavia, ecco cosa può esaminare Lighthouse in termini di SEO:

• Lo strumento verifica se l’indicizzazione della pagina non presenta alcun impedimento;
• Lighthouse ti consente di vedere se i link hanno un testo descrittivo;
• Contrassegna le pagine senza un codice di stato HTTP riuscito;
• Denuncia i plugin indesiderati che ne impediscono il corretto funzionamento;
• Controlla se il documento ha un componente <titolo>;
• Verifica inoltre la disponibilità di un hreflang valido sul documento;
• Verifica l’esistenza di meta tag di descrizione nella loro lunghezza ragionevole;
• Lighthouse controlla se il documento ha un rel=canonical valido;
• Verifica inoltre se il documento utilizza dimensioni dei caratteri leggibili;
• Verifica anche se è presente un tag <meta name=”viewport”> con una larghezza o una scala iniziale.

Inoltre, offre ulteriori controlli fisici eseguiti. Questi includono il test ottimizzato per dispositivi mobili di Google e una funzione di test dei dati strutturati.

Come installare Google Lighthouse? 

Per installare Lighthouse, hai diverse opzioni:

• Installare l’estensione Lighthouse

Il modo più semplice per installare e utilizzare Lighthouse è accedere al Chrome Store, scaricare l’estensione gratuita e aggiungerla al tuo Navigatore.

Una volta installato, puoi controllare ogni pagina direttamente nel tuo browser selezionando l’icona del faro sul tuo browser e facendo clic su “genera rapporto” per visualizzare problemi e consigli.

• Strumenti per sviluppatori di Chrome

Questa è forse l’opzione più semplice per eseguire l’audit di Google Lighthouse. 

Chrome DevTools è il modo più semplice per eseguire controlli sulle pagine che richiedono l’autenticazione. I rapporti sono inoltre forniti in un formato intuitivo.

Sebbene utilizzi un metodo di installazione diverso, avrai bisogno anche di Chrome per far funzionare questo strumento.

Con Chrome DevTools, tutto ciò che devi fare è andare alla pagina che desideri controllare, fare clic con il pulsante destro del mouse e selezionare “ispeziona elemento”. 

Ci sarà una scheda di controllo in Google Lighthouse, in cui puoi quindi eseguire l’audit e ottenere un rapporto in 90 secondi o meno.

In generale, Google Lighthouse è uno strumento di controllo quasi perfetto che puoi utilizzare per controllare e migliorare le prestazioni del tuo sito web.