Lighthouse ist ein Tool, mit dem Entwickler Websites prüfen und optimieren können.
Lighthouse 9.0 ist sofort in der Befehlszeile, in Chrome Canary und in PageSpeed Insights verfügbar. Sie wird in Chrome 98 in der stabilen Chrome-Version verfügbar sein.
API-Änderungen
Für die meisten Nutzer sollten mit dieser Version keine Änderungen vorgenommen werden, die den Workflow beeinträchtigen. Wenn Sie benutzerdefinierte Lighthouse-Prüfungen durchführen oder Tools verwenden, die von Details im JSON-Format des Lighthouse-Berichts abhängen, gibt es möglicherweise einige wichtige Änderungen in Version 9.0, die Sie kennen sollten.
Eine vollständige Liste der Änderungen finden Sie im Änderungsprotokoll für 9.0.
Lighthouse für Nutzerflüsse
Lighthouse hat eine neue Nutzerfluss-API, mit der jederzeit innerhalb der Lebensdauer einer Seite Labortests durchgeführt werden können.
Mit Puppeteer werden Scripts für Seitenladevorgänge erstellt und synthetische Nutzerinteraktionen ausgelöst. Lighthouse kann auf mehrere Arten aufgerufen werden, um wichtige Erkenntnisse während dieser Interaktionen zu erfassen. Das bedeutet, dass die Leistung während des Seitenaufbaus und bei Interaktionen mit der Seite gemessen werden kann.
Weitere Informationen finden Sie in der Anleitung zu Lighthouse-User Flows und den Codebeispielen.
Berichtsaktualisierung
Der Lighthouse-Bericht wurde aktualisiert, um die Lesbarkeit zu verbessern und die Quelle sowie die Erstellung des Berichts klarer darzustellen.
Oben im Bericht wurde ein abschließender Screenshot eingebettet, damit Sie auf einen Blick erkennen können, ob die getestete Seite richtig geladen wurde und das erwartete Format aufweist.
Auch die Zusammenfassung unten im Bericht wurde neu gestaltet, um besser zu verdeutlichen, wie Lighthouse ausgeführt wurde 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.
Ähnliche Bedienungshilfen
Ein häufiges Problem bei der Barrierefreiheit besteht darin, dass Dinge, die auf einer Seite eindeutig sein müssen, nicht vorhanden sind, z. B. wenn die ID, auf die in einem aria-labelledby-Attribut verwiesen wird, für mehrere Elemente verwendet wird.
Lighthouse hat schon immer eine Warnung vor dieser Situation gegeben, aber nur die erste Instanz eines Elements mit einer wiederholten ID aufgelistet. Dies führte häufig zu Verwirrung, da einige Nutzer davon ausgehen würden, dass alle Elemente angezeigt werden, die ein Problem verursachen. Da in Lighthouse nur ein einziges Element angezeigt wurde, ging man davon aus, dass es sich um einen Fehler handelte, dass dieses als Duplikat gekennzeichnet wurde.
In Lighthouse 9.0 sind jetzt alle Elemente aufgelistet, die diese ID gemeinsam nutzen:
Diese „verwandten Knoten“ Die Funktionalität wird von axe-core bereitgestellt und kann daher auch in anderen Prüfungen der Barrierefreiheit aufgeführt werden.
Weitere Informationen finden Sie unter Probleme beim Erfassen von Nutzerberichten und in der Pull-Anfrage für Implementierung.
Running Lighthouse
Lighthouse ist in den Chrome-Entwicklertools, npm (als Node-Modul und Befehlszeile) sowie als Browsererweiterung (in Chrome und Firefox) verfügbar. Sie wird für viele Google-Dienste verwendet, darunter web.dev/measure und 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
Die neuen Funktionen, Änderungen in Version 9.0 oder andere Funktionen von Lighthouse können Sie hier besprechen:
- Im Lighthouse GitHub-Issue Tracker können Sie Probleme melden oder Feedback geben.
- Stellen Sie Fragen in den Lighthouse-GitHub-Diskussionsforen.
- Dann wenden Sie sich einfach an das Lighthouse-Team auf Twitter: @____lighthouse.