Lighthouse 3.0 è disponibile 3.0 offre controlli più rapidi, minore varianza, una nuova interfaccia utente per i report, nuovi controlli e altro ancora.
Come eseguire l'aggiornamento alla versione 3.0
- CLI. Esegui
npm install -g lighthouse@next. - Nodo. Esegui
npm install lighthouse@next. - Estensione di Chrome. L'estensione dovrebbe essere aggiornata automaticamente alla versione 3.0.
- Chrome DevTools. Lighthouse 3.0 sarà disponibile in Chrome 69.
Controlli più rapidi e minore varianza
Lighthouse 3.0 completa i tuoi controlli più velocemente, con meno variazioni tra le esecuzioni, grazie ad alcune modifiche:
- Limitazione simulata. In precedenza, Lighthouse limitava la pagina prima di eseguire i controlli. Ora Lighthouse utilizza un nuovo motore di controllo interno, nome in codice Lantern, che esegue i controlli in base alle normali impostazioni di rete e CPU, quindi stima il tempo necessario per il caricamento della pagina in condizioni dei dispositivi mobili.
- Periodi di attesa ridotti. Per determinare che una pagina ha terminato il caricamento, Lighthouse deve attendere che la rete e la CPU non abbiano attività. Questo periodo di attesa è inferiore nella versione 3.
Nuova interfaccia utente report
Lighthouse 3.0 ha una nuovissima interfaccia utente per i report, grazie alla collaborazione tra i team Lighthouse e UX (Research & Design) di Chrome.
Modifiche alla chiamata
La versione Node di Lighthouse ora supporta le stesse opzioni di configurazione della versione dell'interfaccia a riga di comando. Potrebbe essere una modifica che provoca un errore, a seconda di come hai configurato il modulo Node Lighthouse nella versione 2. Per ulteriori informazioni, vedi Modifiche relative alle chiamate.
Modifiche ai punteggi
In Lighthouse 3.0 cambia il modello di punteggio per i controlli delle prestazioni. Un punteggio di 50 rappresenta il 75° percentile, mentre un punteggio perfetto di 100 rappresenta il 98° percentile, il punto di rendimenti decrescenti.
Il punteggio di rendimento è una media ponderata dei controlli del rendimento. Anche la ponderazione dei controlli cambia nella versione 3.
| Nome controllo | Ponderazione v2 | Peso v3 |
|---|---|---|
| First Contentful Paint (novità della versione 3) | N/A | 3 |
| First Meaningful Paint | 5 | 1 |
| Prima inattività CPU (prima interazione nella v2) | 5 | 3 |
| Tempo all'interattività (costantemente interattivo nella versione 2) | 5 | 5 |
| Indice di velocità percettiva | 1 | N/A |
| Indice di velocità | N/A | 4 |
| Latenza input stimata | 1 | 0 |
In futuro, la Guida ai punteggi di Lighthouse v3 sarà la fonte attendibile per tutto ciò che dovete sapere sul funzionamento dei punteggi in Lighthouse v3.
Nuovi formati di output e modifiche
Supporto dell'output CSV
Ora i risultati dei report possono essere restituiti in formato CSV. Ogni riga contiene informazioni e risultati per un controllo, tra cui:
- Il nome della categoria a cui appartiene il controllo.
- Il nome del controllo.
- Una descrizione del controllo.
- Il tipo di punteggio utilizzato per il controllo.
- Il valore del punteggio.
Modifiche all'output JSON
La versione 3.0 introduce molte modifiche al formato di output JSON di Lighthouse. Per ulteriori dettagli, consulta la guida alla migrazione di Lighthouse v3.
Nuovi controlli
First Contentful Paint
Misura il momento in cui i contenuti di testo o immagini vengono visualizzati per la prima volta sullo schermo dell'utente.
Il file robots.txt non è valido
Assicurati che il file robots.txt del tuo sito sia formattato correttamente in modo che i bot di ricerca possano eseguire la scansione del tuo sito.
Utilizzare formati video per i contenuti animati
Sostituisci le GIF con i tag video per ottenere un enorme potenziale di risparmio nelle dimensioni dei file video.
Per ulteriori informazioni, consulta l'articolo Sostituire le GIF animate con un video.
Evita diversi e costosi viaggi di andata e ritorno per qualsiasi origine
Migliora le prestazioni del caricamento aggiungendo attributi rel="preconnect" ai tag link, che indicano al browser di stabilire una connessione a un'origine il prima possibile.
Per scoprire di più, consulta la sezione Preconnessione.
Controlla modifiche
Prima interazione ➡ Prima CPU inattiva
Il controllo Prima interazione è stato rinominato in Prima inattività CPU per descrivere meglio il funzionamento. Lo scopo generale del controllo è lo stesso. Usate questo controllo per misurare quando gli utenti possono interagire per la prima volta con la pagina.
Indice di velocità percettiva ➡ Indice di velocità
In Lighthouse 3.0, il controllo Perceptual Speed Index è ora Speed Index. Questa modifica allinea Lighthouse al modo in cui WebPageTest misura questa metrica. Lo scopo del controllo è lo stesso, ma la metrica di base è leggermente diversa.