Aggiornamenti su Lighthouse 2.6

Lighthouse 2.6 è disponibile. Ecco alcune delle caratteristiche principali:

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

Come eseguire l'aggiornamento alla versione 2.6

  • NPM. 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 farlo manualmente tramite chrome://extensions.
  • DevTools. Il riquadro Controlli verrà fornito con la versione 2.6 in Chrome 65. Puoi controllare la versione di Chrome in uso tramite chrome://version. Chrome si aggiorna a una nuova versione ogni circa 6 settimane. Puoi eseguire il codice Chrome più recente scaricando Chrome Canary.

Nuovi controlli sul 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 "Il tempo di avvio di JavaScript è elevato".
Figura 1. Audit Il tempo di avvio di JavaScript è elevato

Vengono usate policy della cache inefficienti per le risorse statiche

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

Il controllo "Vengono usate policy della cache inefficienti per le risorse statiche"
Figura 2. Il controllo Utilizza criteri della cache inefficaci per le risorse statiche

Evita i reindirizzamenti di pagina

I reindirizzamenti di pagina aggiungono un viaggio di andata e ritorno sulla rete aggiuntivo o due se è necessaria una ricerca DNS aggiuntiva. Riduci al minimo i reindirizzamenti per velocizzare il tempo di caricamento della pagina.

Il controllo "Evita i reindirizzamenti delle pagine"
Figura 3. L'audit Evita i reindirizzamenti delle pagine

Nuovo punteggio della sezione Accessibilità

In Lighthouse 2.6, il punteggio di accessibilità aggregato viene calcolato in modo diverso. Il punteggio tiene conto di ogni controllo di accessibilità in base alla gravità del suo impatto sull'esperienza utente, nonché alla frequenza del problema, in base al set di dati di HTTP Archive. Per una discussione approfondita, consulta googlechrome/lighthouse/issues/3444.

Miglioramenti all'esperienza utente dei report

Errori di primo livello

Nella parte superiore del report, Lighthouse ti avvisa degli errori che potrebbero aver influito sul voto 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 e poi seleziona Stampa riepilogo o Stampa espanso per stampare versioni riepilogative o dettagliate dei report.

Stampare il riepilogo e le visualizzazioni espanse
Figura 5. Stampare il riepilogo e le visualizzazioni espanse

Correzione di bug relativi alle proporzioni

La versione 2.6 corregge anche un bug che causava l'errore dell'audit Visualizza immagini con proporzioni corrette anche quando non erano presenti immagini nella pagina o tutte le immagini erano di dimensioni adeguate.