Neu in Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse ist ein Tool zur Websiteprüfung, das Entwicklern Möglichkeiten und Diagnosen zur Verbesserung der Nutzerfreundlichkeit ihrer Websites bietet.

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

Eine vollständige Liste der Änderungen finden Sie im Änderungsprotokoll für Version 11.0.

Aktualisierungen der Kategorie „Bedienungshilfen“

Zu den Kategorie-Updates gehören neue automatisierte Prüfungen, eine verbesserte Gewichtung und priorisierte manuelle Prüfungen, mit denen Entwickler ihre Websites barrierefreier gestalten können.

Neue Prüfungen und Gewichtung

Seit Lighthouse 10.0 wurden 13 neue Prüfungen der Barrierefreiheit im Internet 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-Regeln anzupassen. Genaue Informationen zu den neuen Prüfungen und Gewichtungen finden Sie in der Dokumentation zur Lighthouse-Bewertung der Barrierefreiheit im Internet.

Sichtbarkeit der manuellen Prüfung

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

Ein Lighthouse-Bericht, in dem die manuellen Prüfungen in der Kategorie „Barrierefreiheit“ maximiert sind

Dies unterstreicht, dass das Bestehen aller automatisierten Audits und das Erreichen von 100 Punkten bei der Barrierefreiheit nicht garantiert, dass die geprüfte Seite barrierefrei ist. Manuelle Tests sind weiterhin wichtig. Die manuellen Prüfungen wurden ebenfalls neu angeordnet, sodass die am einfachsten durchzuführenden Prüfungen zuerst angezeigt werden.

Änderungen an vorhandenen Audits

Interaction to Next Paint (INP)

INP ist nicht mehr experimentell. Der Messwert wurde daher von experimental-interaction-to-next-paint nach interaction-to-next-paint verschoben.

Service Worker

Ein Service Worker ist nicht mehr erforderlich, damit eine Seite als PWA in Chrome installiert werden kann. Daher wurde die Prüfung service-worker 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 der ausgeblendeten network-requests-Prüfung 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 das Kästchen „Legacy-Navigation“ im DevTools-Bereich wurden entfernt. Damit ist die jahrelange Umstellung der Lighthouse-Infrastruktur zur Unterstützung von User-Flows abgeschlossen.

Lighthouse ausführen

Lighthouse ist in den Chrome-Entwicklertools, in npm (als Node-Modul und CLI-Tool) und als Browsererweiterung (in Chrome und Firefox) verfügbar. Es wird auch für mehrere Google-Dienste verwendet, darunter 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

Wenn Sie die neuen Funktionen, Änderungen in der Lighthouse 11-Version oder andere Themen im Zusammenhang mit Lighthouse besprechen möchten, haben Sie folgende Möglichkeiten: