Lighthouse ist ein Tool zur Prüfung von Websites, das Entwicklern mit Möglichkeiten und Diagnosen hilft, die Nutzererfahrung auf ihren Websites zu verbessern.
Lighthouse 9.0 ist sofort über die Befehlszeile, in Chrome Canary und in PageSpeed Insights verfügbar. Sie werden dann in Chrome 98 in der stabilen Chrome-Version angezeigt.
API-Änderungen
Für die meisten Nutzer sollten bei dieser Version keine funktionsgefährdenden Änderungen vorgenommen werden. Wenn Sie benutzerdefinierte Lighthouse-Prüfungen ausführen oder Tools verwenden, die von Details im JSON-Bericht des Lighthouse-Berichts abhängen, gibt es möglicherweise einige funktionsgefährdende Änderungen in Version 9.0, die Sie kennen sollten.
Eine vollständige Liste der Änderungen finden Sie im Änderungsprotokoll 9.0.
Lighthouse für Nutzerflüsse
Lighthouse bietet eine neue User-Flow-API, die Lab-Tests zu einem beliebigen Zeitpunkt innerhalb der Lebensdauer einer Seite ermöglicht.
Puppeteer wird verwendet, um Skripte für den Seitenaufbau zu erstellen und synthetische Nutzerinteraktionen auszulösen. Lighthouse kann auf verschiedene Arten aufgerufen werden, um wichtige Erkenntnisse während dieser Interaktionen zu erfassen. Das bedeutet, dass die Leistung beim Seitenaufbau und während Interaktionen mit der Seite gemessen werden kann.
Weitere Informationen finden Sie in der Anleitung und Codebeispiele zu Lighthouse-Nutzerflüssen.
Bericht aktualisieren
Der Lighthouse-Bericht wurde aktualisiert, um die Lesbarkeit zu verbessern und die Quelle des Berichts und seine Erstellung klarer darzustellen.
Oben im Bericht wurde ein abschließender Screenshot eingebettet, um auf einen Blick zu erkennen, ob die zu testende Seite korrekt geladen und im erwarteten Format geladen wurde.
Die zusammenfassenden Informationen am Ende des Berichts wurden ebenfalls neu gestaltet, um besser zu kommunizieren, wie Lighthouse ausgeführt und der Bericht erstellt wurde.
Wenn Sie den neuen Bericht in Aktion sehen möchten, können Sie Lighthouse 9.0 ausprobieren oder diesen Beispielbericht aufrufen.
Zugehörige Elemente der Barrierefreiheit
Ein häufiges Problem mit der Barrierefreiheit besteht darin, dass bestimmte Dinge, die auf einer Seite eindeutig sein sollten, nicht vorhanden sind, beispielsweise wenn die ID, auf die in einem aria-labelledby-Attribut verwiesen wird, für mehrere Elemente verwendet wird.
Lighthouse hat schon immer vor dieser Situation gewarnt, würde aber nur die erste Instanz eines Elements mit einer wiederholten ID auflisten. Das hat oft zu Verwirrung geführt, da einige Nutzer davon ausgehen, dass alle Elemente angezeigt werden, die ein Problem verursachen. Da in Lighthouse nur ein einzelnes Element angezeigt wurde, ging man davon aus, dass es sich um einen Fehler handelte, dass dieses Element als Duplikat gekennzeichnet wurde.
In Lighthouse 9.0 sind jetzt alle Elemente mit dieser ID aufgelistet:
Diese Funktion für „zugehörige Knoten“ wird von axe-core bereitgestellt und kann daher auch in anderen Prüfungen zur Barrierefreiheit enthalten sein.
Weitere Informationen finden Sie unter Probleme beim Erfassen von Nutzerberichten und in der Pull-Anfrage zur Implementierung.
Running Lighthouse
Lighthouse ist verfügbar in den Chrome-Entwicklertools, npm (als Knotenmodul und Befehlszeile) und als Browsererweiterung (in Chrome und Firefox). Es wird für viele Google-Dienste verwendet, einschließlich web.dev/measure und PageSpeed Insights.
Verwenden Sie die folgenden Befehle, um die Lighthouse Node CLI auszuprobieren:
npm install -g lighthouse
lighthouse https://www.example.com --view
Lighthouse-Team kontaktieren
So gehen Sie mit den neuen Funktionen, den Änderungen in Version 9.0 oder in Bezug auf Lighthouse in Verbindung:
- Im Lighthouse GitHub-Problemverfolgung können Sie ein Problem melden oder Feedback geben.
- Stellen Sie Fragen in den Lighthouse-GitHub-Diskussionsforen.
- Sie erreichen das Lighthouse-Team auf Twitter (@____lighthouse).