Comprensione delle metriche sulle prestazioni di Lighthouse - Suggerimenti SEO di Semalt



Le metriche delle prestazioni di Lighthouse sono qualcosa che probabilmente incontrerai quando discuti degli aspetti tecnici della SEO. Forse ti starai chiedendo in cosa consiste questo test o come eseguire il test sulle prestazioni del tuo sito web. Potresti anche essere qui perché vuoi scoprire di cosa tratta Lighthouse.

Utilizziamo questo test delle metriche sulle prestazioni nel nostro tentativo di rendere verdi tutti i numeri relativi al tuo sito. Ecco tutto ciò che devi sapere su Lighthouse.

Cos'è il faro

Lightroom è uno strumento di controllo open source utilizzato per produrre partiture standardizzate in cinque aree chiave, vale a dire:
  • Prestazione
  • App web progressiva
  • SEO
  • Migliori pratiche
  • Accessibilità
Per questo articolo, il nome "Lighthouse" verrà utilizzato per fare riferimento a una serie di test, quindi non confondersi durante la lettura.

Lighthouse esegue test delle prestazioni utilizzando dati di laboratorio, chiamati anche dati emulati. Si tratta di dati sulle prestazioni di un sito raccolti in un ambiente artificiale con dispositivi e impostazioni di rete predefiniti. I dati sulle prestazioni sono importanti in quanto aiutano con le informazioni necessarie per il debug dei problemi di prestazioni. L'esperienza sulla macchina locale in un ambiente controllato è progettata per imitare l'esperienza degli utenti nella vita reale.

Aggiornamento a Lighthouse

Il 5 maggio 2020, il progetto Chromium ha annunciato il suo set di tre metriche con cui l'open source supportato da Google sarebbe stato in grado di utilizzare per misurare le prestazioni. Le metriche sono state chiamate Web Vitals. Fanno parte dell'iniziativa di Google, progettata per fornire una guida collettiva agli esperti SEO durante la ricerca di segnali di qualità.

Queste metriche sono progettate per misurare le prestazioni web in modo incentrato sull'utente. In sole due settimane dal suo lancio iniziale, Lighthouse V6 ha lanciato la sua versione modificata con Web Core Vitals come obiettivo principale di questo aggiornamento.

Entro luglio 2020, abbiamo visto la metrica di Lighthouse v6 essere adottata da molti dei prodotti Google con il rilascio di Chrome 84. Anche il pannello di controllo di Chrome DevTools è stato rinominato Lighthouse. La metrica Lighthouse è stata citata anche da PageSpeed ​​Insights e Google Search Console.

Oggi, Web Core Vitals rappresenta oltre la metà del punteggio totale delle prestazioni ponderato Lighthouse. In generale, le pagine iniziano a subire un impatto minimo, con circa 83,32% di test condotti che mostrano uno spostamento di dieci punti o meno a V6.

Cosa devi sapere prima di eseguire il test delle prestazioni utilizzando Lighthouse

Scegliere la giusta metodologia

La metodologia che scegli per seguire le questioni. Gli audit di Lighthouse sono impostati per analizzare una pagina alla volta. Ma il fatto è che il punteggio di una singola pagina non è la rappresentazione delle prestazioni dell'intero sito e solo perché la tua home page è veloce da caricare non significa che l'intero sito si carichi altrettanto velocemente.

Il modo migliore per ottenere una stima complessiva del rendimento di un sito è testare più tipi di pagine all'interno del sito. Qui, identifichiamo prima i principali tipi di sito, modelli e punti di conversione dei visitatori (si riferiscono alle pagine di registrazione, iscrizione e pagamento).

Prima di procedere alla fase di ottimizzazione della nostra analisi, eseguiamo Lighthouse su ciascuna pagina campione selezionata casualmente e registriamo i dati raccolti. Da questi dati, ora possiamo creare un elenco di cose da fare basato sui miglioramenti più urgenti e meno urgenti. Per evitare la perdita di dati, salviamo i risultati JSON e ci affidiamo al visualizzatore di Lighthouse ogni volta che abbiamo bisogno di informazioni dettagliate sui risultati.

Recuperare il backlog utilizzando un ottimo ROI

Nel corso degli anni, una cosa che abbiamo imparato con certezza è che ottenere le risorse necessarie per l'azione SEO non è semplice. Avere un SEO interno non è esattamente utile in quanto spesso vengono distrutti da quanto sia difficile ottenere un ticket arretrato. Dalla nostra esperienza, sappiamo che il modo migliore per ingrassare è dare priorità alle iniziative di performance, il che si traduce in numeri eccellenti che supportano l'investimento fatto al reparto SEO.

I dati che arrivano a fine mese diventeranno i segni del dollaro che giustificano e premiano i nostri sforzi di sviluppo. L'esecuzione di questo test è importante perché mentre lo fai, è probabile che tu abbia più di un'area contrassegnata, soprattutto quando è la prima volta. Va bene. Puoi controllare il calcolatore del punteggio del faro per vedere quali modifiche avranno i maggiori risultati.

Come eseguire un test del faro

Questo è il caso di molti sentieri che portano a un fiume. Tuttavia, ci sono alcuni percorsi che si distinguono per essere più facili o più evidenti nell'uso. Bene, se speri di integrare il test SEO nel processo di realizzazione, probabilmente dovresti essere aggiornato su NPM.

Hai meno di 5 minuti prima che ti venga chiesto di affrontare la scacchiera? Questi rapporti uno a uno dovrebbero darti le munizioni necessarie per convincerli che il tuo SEO sta andando alla grande. Qualunque sia il metodo di esecuzione scelto, il mobile è eccellente a meno che tu non abbia un caso d'uso speciale per desktop.

1. Chrome Devtools

Testiamo ogni pagina individualmente utilizzando il pannello Lighthouse di Chrome DevTools. Questo rapporto è fondamentale in quanto emula un'esperienza utente utilizzando il browser anche in incognito o con la cache del browser disabilitata.

Il nostro modo speciale di affrontare questo problema è creare un profilo Chrome per il test ma mantenerlo locale. Ciò significa che nessuna sincronizzazione è abilitata, nessun salvataggio della password o associazione a qualsiasi account Google esistente. Inoltre, non installiamo estensioni per l'utente.

Quando sei pronto, ecco come testare Lighthouse utilizzando DevTools
  1. Esegui un'istanza di navigazione in incognito su Chrome.
  2. Vai al pannello Network in DevTools e seleziona la casella per disabilitare la cache. Puoi farlo con Ctrl + Maiusc + I su Windows e Linux o Comando + Opzione + I su Mac.
  3. Vai al pannello del faro e fai clic su genera un rapporto.
  4. Salva il file una volta generato.
Quali sono i vantaggi di eseguire Lighthouse da Devtools?

Come accennato in precedenza, ci sono molti modi per eseguire l'analisi del faro. Ciò significa anche che ogni metodo ha i suoi pro e contro.

Il vantaggio di questo metodo è quello
  • Puoi testare build locali e scoprire quali pagine sono autentiche.
  • I report salvati possono essere confrontati con lo strumento Lighthouse CI Diff.
Contro di eseguire Lighthouse da DevTools
  • Puoi fare solo un rapporto alla volta.
  • Dovrai salvare manualmente ogni rapporto.

2. Quando si testano continuamente le stesse pagine

Supponiamo che ti piaccia testare ripetutamente le stesse pagine, web. dev è la scelta ideale. È simile all'utilizzo di DevTools solo che non è necessario disabilitare tutte quelle estensioni di punta. Questo metodo è fondamentalmente semplice. Tutto quello che devi fare è:
  1. Visita web.dev/measure/
  2. Effettua il login con il tuo account di Google.
  3. Inserisci l'URL della pagina che desideri controllare.
  4. Fare clic su Esegui audit.
I vantaggi di eseguire Lighthouse dal web. dev
  • Cattura la sequenza temporale elegante dei risultati della pagina.
  • Gli utenti hanno collegamenti rapidi alle guide per migliorare i problemi.
  • I rapporti possono essere confrontati utilizzando Lighthouse CI Diff Tool.
Contro di eseguire Lighthouse dal web. dev
  • È possibile condurre solo un'analisi e avere un report alla volta.
  • Devi avere un record degli URL che hai tracciato nel tempo per evitare di ripetere lo stesso URL involontariamente.

La riga di comando del nodo per Lighthouse

Quando stai cercando di testare su larga scala, la riga di comando del nodo è l'approccio preferito. Ecco una guida su cosa fare:
  • Installa npm: per gli utenti mc, sarebbe saggio usare homebrew in modo da evitare sciocchi problemi di dipendenza.
  • Installa il modulo faro inserendo semplicemente questo codice: "npm install -g faro".
  • Quindi esegui un singolo testo utilizzando "faro <url>".
  • Esegui test su elenchi di utilizzi eseguendo il test a livello di codice.
I vantaggi di eseguire Lighthouse da Node
  • Puoi eseguire più rapporti contemporaneamente.
  • È possibile programmarlo per tenere traccia automaticamente delle modifiche nel tempo.
Contro di eseguire Lighthouse da Node
  • Devi avere un'idea di come programmare.
  • La sua configurazione richiede tempo.

Conclusione

Le complessità delle metriche delle prestazioni sono un indicatore delle sfide che ogni sito deve affrontare. Facciamo affidamento sulle metriche delle prestazioni come proxy per l'esperienza utente. Ci consente di seguire il percorso di un utente e vedere ciò che vede, sperimentare ciò che sperimenta negli altri per creare siti più reattivi.

Anche alcuni altri strumenti come lo strumento test Il mio sito e Quanto costa il mio sito di Google possono tornare utili. Usiamo questi strumenti per fare la conversione e argomenti incentrati sul cliente per l'importanza delle prestazioni in un sito.

Si spera che, una volta che il tuo progetto avrà successo, possiamo spiegare cosa significa la singola prestazione metrica del tuo Lighthouse al tuo team di ingegneri esperto e collaborativo.

Interessato alla SEO? Dai un'occhiata ai nostri altri articoli su Blog di Semalt.

mass gmail