Aggiornamenti su Lighthouse 2.6

Brendan Kenny
Brendan Kenny

È uscito Lighthouse 2.6! Le caratteristiche principali includono:

Consulta le note di rilascio 2.6 per l'elenco completo di nuove funzionalità, modifiche e correzioni di bug.

Come eseguire l'aggiornamento alla versione 2.6

  • Gestione dei partner di rete. Esegui npm update lighthouse. Esegui il flag npm update lighthouse -g se hai installato Lighthouse a livello globale.
  • Estensione di Chrome. L'estensione dovrebbe aggiornarsi automaticamente, ma puoi aggiornarla manualmente tramite chrome://extensions.
  • DevTools. Il pannello Controlli verrà rilasciato con la versione 2.6 in Chrome 65. Puoi controllare quale versione di Chrome stai utilizzando tramite chrome://version. Chrome si aggiorna a una nuova versione ogni sei settimane circa. Puoi eseguire il codice di Chrome più recente scaricando Chrome Canary.

Nuovi controlli del rendimento

Il tempo di avvio di JavaScript è elevato

Visualizza un'analisi dettagliata del tempo impiegato dalla pagina per analizzare, compilare ed eseguire ogni script. Il tempo di avvio di JavaScript è un fattore un po' nascosto, ma importante nel tempo di caricamento della pagina.

Il controllo "Tempo di avvio JavaScript è elevato".
Figura 1. Controllo Il tempo di avvio di JavaScript è elevato

Utilizza criteri relativi alla cache inefficienti per gli asset statici

Assicurati che il browser memorizzi correttamente nella cache ciascuna delle tue risorse.

Controllo "Utilizza il criterio della cache inefficiente per le risorse statiche"
Figura 2. Controllo Utilizza il criterio della cache inefficiente per gli asset statici

Evita i reindirizzamenti di pagine

I reindirizzamenti di pagina aggiungono un ulteriore round trip di rete o due se è necessaria un'ulteriore ricerca DNS. Riduci al minimo i reindirizzamenti per ridurre il tempo di caricamento della pagina.

Controllo "Evita i reindirizzamenti di pagine"
Figura 3. Controllo Evita i reindirizzamenti di pagine

Revisione del punteggio della sezione Accessibilità

In Lighthouse 2.6, il punteggio di accessibilità aggregato viene calcolato in modo diverso. Il punteggio valuta ogni controllo di accessibilità in base alla gravità del suo impatto sull'esperienza utente e alla frequenza del problema, in base al set di dati HTTP Archive. Consulta la pagina googlechrome/lighthouse/issues/3444 per una discussione approfondita.

Segnala i miglioramenti dell'UX

Errori di primo livello

Nella parte superiore del report, Lighthouse ti avvisa di errori che potrebbero aver influito sui punteggi della tua pagina.

Errori di primo livello nella parte superiore di un report
Figura 4. Errori di primo livello nella parte superiore di un report

Fai clic su Esporta report Esporta rapporto, quindi seleziona Stampa riepilogo o Stampa espansa per stampare versioni riepilogative o dettagliate dei report.

Stampa riepilogo e visualizzazioni espanse
Figura 5. Stampa riepilogo e visualizzazioni espanse

Correzione di bug relativi alle proporzioni

2.6 corregge anche un bug per cui il controllo Mostra immagini con proporzioni corrette non riusciva anche se la pagina non conteneva immagini o tutte le immagini erano state ridimensionate.