Novità di Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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.

Un report Lighthouse che mostra i controlli manuali nella categoria di accessibilità espansa

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: