Neu in Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse ist ein Tool zur Prüfung von Websites, das Entwicklern Möglichkeiten und Diagnosemöglichkeiten bietet, um die Nutzerfreundlichkeit ihrer Websites zu verbessern.

Lighthouse 11 ist sofort über die Befehlszeile über npm, in Chrome Canary und in PageSpeed Insights verfügbar. Sie wird in Chrome 118 in der stabilen Chrome-Version verfügbar sein.

Eine vollständige Liste der Änderungen finden Sie im Änderungsprotokoll von 11.0.

Aktualisierung der Kategorie für Barrierefreiheit

Kategorieupdates umfassen neue automatisierte Prüfungen, eine verbesserte Gewichtung und priorisierte manuelle Prüfungen, um Entwickler dabei zu unterstützen, die Barrierefreiheit ihrer Websites zu verbessern.

Neue Prüfungen und Gewichtung

Seit Lighthouse 10.0 wurden 13 neue Prüfungen zur Barrierefreiheit hinzugefügt:

  • 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

Zusätzlich zu den neuen Prüfungen wurden die Gewichtungen aller Prüfungen aktualisiert, um sie besser an die entsprechenden Auswirkungsstufen der AXe-Regel anzupassen. Ausführliche Informationen zu den neuen Audits und Gewichtungen finden Sie in der Dokumentation zum Lighthouse-Bedienungshilfen-Scoring.

Sichtbarkeit manueller Prüfungen

Lighthouse umfasst seit jeher einige manuelle Prüfungen, die nicht automatisch getestet werden können, aber dennoch als Checkliste zur Überprüfung wichtiger Funktionen enthalten. Der Bereich für die manuelle Prüfung wird jetzt automatisch maximiert, wenn alle automatisierten Prüfungen bestanden wurden.

Ein Lighthouse-Bericht, der die manuellen Prüfungen in der Kategorie „Bedienungshilfen“ zeigt

So wird betont, dass das Bestehen aller automatisierten Prüfungen und eine 100-Bewertung bei der Barrierefreiheit keine Garantie dafür sind, dass die geprüfte Seite zugänglich ist. sind manuelle Tests weiterhin wichtig. Außerdem wurden die manuellen Prüfungen neu angeordnet und beginnen mit den unkompliziertesten Prüfungen.

Änderungen an bestehenden Audits

Interaktion mit nächstem Paint (INP)

INP ist nicht mehr experimentell, daher wurde der Messwert von experimental-interaction-to-next-paint zu interaction-to-next-paint verschoben.

Service Worker

Damit eine Seite in Chrome als PWA installiert werden kann, ist kein Service Worker mehr erforderlich. Daher wurde die service-worker-Prüfung aus der Lighthouse-PWA-Kategorie entfernt.

Ressourcenübersicht

Die Prüfung „resource-summary“ wurde aus dem Lighthouse-Bericht entfernt. Statistiken zu Netzwerkanfragen können weiterhin mit dem ausgeblendeten network-requests-Audit zusammengestellt werden:

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);

Alte Navigation

Das Flag --legacy-navigation für die Befehlszeile, die Funktion legacyNavigation() in der Node API und die „Legacy-Navigation“ im Steuerfeld für Entwicklertools entfernt. Damit ist eine jahrelange Umstellung der Lighthouse-Infrastruktur abgeschlossen, um Nutzerflüsse zu unterstützen.

Running Lighthouse

Lighthouse ist in den Chrome-Entwicklertools, npm (als Node-Modul und CLI-Tool) sowie als Browsererweiterung (in Chrome und Firefox) verfügbar. Außerdem unterstützt er verschiedene Google-Dienste wie PageSpeed Insights.

Verwenden Sie die folgenden Befehle, um die Lighthouse Node-Befehlszeile auszuprobieren:

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

Lighthouse-Team kontaktieren

Hier stellen wir Ihnen die neuen Funktionen, Änderungen in Lighthouse 11 oder alles andere mit Lighthouse vor: