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 diagnostica per migliorare l'esperienza utente dei loro siti.

Lighthouse 11 è disponibile immediatamente sulla riga di comando tramite npm, in Chrome Canary e in PageSpeed Insights. Sarà disponibile nella versione stabile di Chrome 118.

Consulta l'elenco completo delle modifiche nel log delle modifiche della versione 11.0.

Aggiornamenti della categoria Accessibilità

Gli aggiornamenti della categoria includono nuovi controlli automatici, una ponderazione migliorata e controlli manuali con priorità per aiutare gli sviluppatori a rendere i loro siti più accessibili.

Nuovi controlli e ponderazione

In Lighthouse 10.0 sono stati aggiunti 13 nuovi controlli di 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, sono state aggiornate le ponderazioni di tutti i controlli per adattarle meglio ai corrispondenti livelli di impatto delle regole aXe. Per informazioni dettagliate sui nuovi controlli e sulle ponderazioni, consulta la documentazione relativa al punteggio di accessibilità di Lighthouse.

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 funzionalità importanti. La sezione del controllo manuale ora viene espansa automaticamente quando tutti i controlli automatici sono stati superati.

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

Ciò sottolinea che il superamento di tutti i controlli automatici e l'ottenimento di un punteggio di 100 in accessibilità non garantiscono che la pagina controllata sia accessibile; i test manuali sono comunque importanti. Anche i controlli manuali sono stati riordinati per iniziare con i controlli più accessibili.

Modifiche ai controlli esistenti

Interaction to Next Paint (INP)

INP non è più sperimentale, quindi la metrica è stata spostata da experimental-interaction-to-next-paint a interaction-to-next-paint.

Service worker

Un service worker non è più necessario per installare una pagina come PWA in Chrome, pertanto il controllo service-worker è stato rimosso dalla categoria PWA di Lighthouse.

Riepilogo delle risorse

Il controllo resource-summary è stato rimosso dal report di Lighthouse. Le statistiche sulle richieste di rete possono comunque essere compilate utilizzando l'audit network-requests nascosto:

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 legacy" nel riquadro DevTools sono stati rimossi. In questo modo si completa una transizione pluriennale nell'infrastruttura di Lighthouse per supportare i flussi utente.

Esecuzione di Lighthouse

Lighthouse è disponibile in Chrome DevTools, npm (come modulo Node e strumento CLI) 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 di Lighthouse Node, utilizza i seguenti comandi:

npm install -g lighthouse
lighthouse https://www.example.com --view

Contatta il team di Lighthouse

Per discutere delle nuove funzionalità, delle modifiche nella release di Lighthouse 11 o di qualsiasi altro argomento relativo a Lighthouse: