Überprüfen Sie die Leistung und Qualität jeder Website mit Lighthouse

Google ist an der Spitze des modernen Webdesigns. Es bietet so viele Tools von Analytics bis zu DevTools, die alle dazu beitragen, Menschen dabei zu helfen, ein besseres Web zu entwickeln.

Vor kurzem veröffentlichte sie ein weiteres praktisches Werkzeug namens Lighthouse. Das ist ein Kostenloses automatisiertes Test-Tool, das im Hintergrund von Chrome ausgeführt wird. Es funktioniert wie ein Mini-Website-Audit, bei dem die Leistung, Geschwindigkeit, Zugänglichkeit und Einhaltung semantischer Best Practices der Website überprüft werden.

Die Erweiterung des Leuchtturms war In erster Linie für progressive Webapps erstellt. Dies sind allgemeine Webapps, die im Browser ausgeführt werden und sich wie native Apps verhalten, jedoch wie typische Websites funktionieren.

PWAs sind ein großer Teil des Leuchtturmprojekts. Aber das Ziel von Lighthouse ist zu helfen alle Webentwickler Überprüfen Sie die Qualität ihrer Seiten.

Dies kann die Überprüfung von HTML / CSS-Fehlern oder die Suche nach doppelten Codezeilen beinhalten. Lighthouse untersucht auch die Web-Performance mit Optimierungstipps für Bilder, Dateigrößen, HTTP-Anforderungen und vielem mehr.

Alle wesentlichen Prüfergebnisse werden angezeigt direkt in Chrome DevTools Sie müssen also nicht einmal ein neues Fenster öffnen, um die Statistiken zu überprüfen. Alles, was Sie brauchen, ist eine laufende Version von Chrome und etwas Zeit, um die Ergebnisse der Lighthouse-Prüfung durchzusehen.

Im Allgemeinen wird dies in vier Kategorien unterteilt:

Performance.
Zugänglichkeit.
Best Practices.
Progressive Webapp-Eigenschaften.

Jede Kategorie unterteilt sich weiter in kleinere Eigenschaften mit Empfehlungen für UX-Verbesserungen.

Bei der Durch Klicken auf eine Schaltfläche können Sie die Prüfergebnisse abrufen Auf diese Weise können Sie die Website-Leistung, Geschwindigkeit, Benutzerfreundlichkeit und so ziemlich jede Messgröße von Google radikal verbessern.

Wenn Sie mehr über die Hauptseite erfahren möchten, lesen Sie die zahlreichen Funktionen von Lighthouse.

Sie können diese Präsentation auch von Google I / O 2017 aus verfolgen, auf der Lighthouse erstmals der Entwicklergemeinschaft vorgestellt wurde.