Wat is er nieuw in Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmijn Jan
Jasmine Yan
GitHub

Lighthouse is een website-audittool die ontwikkelaars helpt met mogelijkheden en diagnostiek om de gebruikerservaring van hun sites te verbeteren.

Lighthouse 11 is onmiddellijk beschikbaar op de opdrachtregel via npm , in Chrome Canary en in PageSpeed ​​Insights . Het komt terecht in Chrome, stabiel in Chrome 118.

Bekijk de volledige lijst met wijzigingen in de changelog van 11.0 .

Updates voor toegankelijkheidscategorieën

Categorie-updates omvatten nieuwe geautomatiseerde audits, verbeterde weging en geprioriteerde handmatige audits om ontwikkelaars te helpen hun sites toegankelijker te maken.

Nieuwe audits en weging

Sinds Lighthouse 10.0 zijn er 13 nieuwe toegankelijkheidsaudits toegevoegd:

  • 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

Naast de nieuwe audits zijn de gewichten van alle audits bijgewerkt om beter aan te sluiten bij de overeenkomstige impactniveaus van de bijlregels . Zie de Lighthouse-documentatie voor toegankelijkheidsscores voor exacte details over de nieuwe audits en gewichten.

Handmatige auditzichtbaarheid

Lighthouse heeft altijd enkele handmatige audits opgenomen die niet automatisch kunnen worden getest, maar die nog steeds als checklist zijn opgenomen om belangrijke functionaliteit te verifiëren. Het handmatige auditgedeelte wordt nu automatisch uitgevouwen wanneer alle geautomatiseerde audits zijn geslaagd.

Een Lighthouse-rapport met de handmatige audits in de categorie toegankelijkheid uitgebreid

Dit benadrukt dat het slagen voor alle geautomatiseerde audits en het scoren van een 100 voor toegankelijkheid niet garandeert dat de gecontroleerde pagina toegankelijk is; handmatig testen is nog steeds belangrijk. Ook de handmatige audits zijn opnieuw geordend om te beginnen met de meest toegankelijke controles.

Wijzigingen in bestaande audits

Interactie met volgende verf (INP)

INP is niet langer experimenteel , dus de metriek is verplaatst van experimental-interaction-to-next-paint naar interaction-to-next-paint .

Servicemedewerkers

Er is geen servicemedewerker meer nodig om een ​​pagina als PWA in Chrome te kunnen installeren. Daarom is de service-worker verwijderd uit de Lighthouse PWA-categorie.

Samenvatting van de bronnen

De audit resource-summary is verwijderd uit het Lighthouse-rapport. Statistieken van netwerkverzoeken kunnen nog steeds worden samengesteld met behulp van de audit voor verborgen 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);

Oudere navigatie

De vlag --legacy-navigation voor de CLI, de functie legacyNavigation() in de Node API en het selectievakje "Legacy navigatie" in het DevTools-paneel zijn allemaal verwijderd. Hiermee is een jarenlange transitie in de infrastructuur van Lighthouse voltooid om gebruikersstromen te ondersteunen.

Lopende vuurtoren

Lighthouse is beschikbaar in Chrome DevTools , npm (als Node-module en CLI-tool) en als browserextensie (in Chrome en Firefox ). Het ondersteunt ook verschillende Google-services, waaronder PageSpeed ​​Insights .

Gebruik de volgende opdrachten om de Lighthouse Node CLI te proberen:

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

Neem contact op met het Lighthouse-team

Om de nieuwe functies, wijzigingen in de Lighthouse 11-release of iets anders gerelateerd aan Lighthouse te bespreken: