Lighthouse è uno strumento di controllo dei siti web che aiuta gli sviluppatori con opportunità e strumenti di diagnostica per migliorare l'esperienza utente sui loro siti.
Lighthouse 11 è disponibile immediatamente sulla riga di comando tramite npm, in Chrome Canary e in PageSpeed Insights. Verrà inserito nella versione stabile di Chrome in Chrome 118.
Consulta l'elenco completo delle modifiche nel log delle modifiche della versione 11.0.
Aggiornamenti delle categorie di accessibilità
Gli aggiornamenti delle categorie includono nuovi controlli automatici, una ponderazione migliore e controlli manuali prioritari per aiutare gli sviluppatori a rendere i loro siti più accessibili.
Nuovi controlli e ponderazione
A partire da Lighthouse 10.0, sono stati aggiunti 13 nuovi controlli sull'accessibilità:
aria-allowed-role
aria-dialog-name
aria-text
html-xml-lang-mismatch
image-redundant-alt
input-button-name
label-content-name-mismatch
link-in-text-block
select-name
skip-link
table–duplicate-name
table-fake-caption
td-has-header
Oltre ai nuovi controlli, le ponderazioni di tutti i controlli sono state aggiornate per corrispondere meglio ai livelli di impatto delle regole dell'asse corrispondenti. Consulta la documentazione sui punteggi di accessibilità di Lighthouse per i dettagli esatti sui nuovi controlli e ponderazioni.
Visibilità del controllo manuale
Lighthouse ha sempre incluso alcuni controlli manuali che non possono essere testati automaticamente, ma che sono comunque inclusi come elenco di controllo per verificare importanti funzionalità. La sezione relativa al controllo manuale viene ora espansa automaticamente una volta superati tutti i controlli automatici.
Questo sottolinea che il superamento di tutti i controlli automatici e l'assegnazione di un punteggio di 100 in termini di accessibilità non garantisce che la pagina sottoposta a controllo sia accessibile; i test manuali sono comunque importanti. Anche i controlli manuali sono stati riordinati per iniziare con quelli più accessibili.
Modifiche ai controlli esistenti
Interaction to Next Paint (INP)
L'INP non è più sperimentale, pertanto la metrica è stata spostata da experimental-interaction-to-next-paint
a interaction-to-next-paint
.
Service worker
Non è più necessario un service worker per poter installare una pagina come PWA in Chrome, quindi il controllo service-worker
è stato rimosso dalla categoria PWA Lighthouse.
Riepilogo delle risorse
Il controllo resource-summary
è stato rimosso dal report Lighthouse. Le statistiche delle richieste di rete possono comunque essere compilate utilizzando il controllo nascosto network-requests
:
const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};
for (const request of networkRequests) {
let total = resourceSummary[request.resourceType] || 0;
total += request.resourceSize;
resourceSummary[request.resourceType] = total;
}
console.log(resourceSummary);
Navigazione precedente
Il flag --legacy-navigation
per l'interfaccia a riga di comando, la funzione legacyNavigation()
nell'API Node e la casella di controllo "Navigazione precedente" nel riquadro DevTools sono stati rimossi. In questo modo completi una transizione che dura per anni nell'infrastruttura di Lighthouse per supportare i flussi degli utenti.
Faro in esecuzione
Lighthouse è disponibile in Chrome DevTools, npm (come modulo Nodo e strumento dell'interfaccia a riga di comando) e come estensione del browser (in Chrome e Firefox). È inoltre alla base di diversi servizi Google, tra cui PageSpeed Insights.
Per provare l'interfaccia a riga di comando del nodo Lighthouse, utilizza i seguenti comandi:
npm install -g lighthouse
lighthouse https://www.example.com --view
Contatta il team di Lighthouse
Per parlare delle nuove funzionalità, delle modifiche alla release 11 di Lighthouse o di qualsiasi altra cosa relativa a Lighthouse:
- Segnala un problema o invia un feedback tramite il Issue Tracker su GitHub di Lighthouse.
- Poni domande nei forum di discussione di GitHub di Lighthouse.
- Contatta il team di Lighthouse su Twitter @____lighthouse.