Neu: Lighthouse 3.0

Lighthouse-Logo

Lighthouse 3.0 ist da! Version 3.0 bietet schnellere Prüfungen, weniger Abweichungen, eine neue Berichtsoberfläche, neue Prüfungen und mehr.

Auf Version 3.0 aktualisieren

  • CLI. Führen Sie npm install -g lighthouse@next aus.
  • Node (Knoten): Führen Sie npm install lighthouse@next aus.
  • Chrome-Erweiterung. Ihre Erweiterung sollte automatisch auf Version 3.0 aktualisiert werden.
  • Chrome-Entwicklertools. Lighthouse 3.0 wird in Chrome 69 verfügbar sein.

Schnellere Prüfungen und geringere Abweichungen

Lighthouse 3.0 schließt dank einiger Änderungen Ihre Prüfungen schneller und mit weniger Abweichungen zwischen Ausführungen ab:

  • Simulierte Drosselung. Bisher hat Lighthouse die Seite gedrosselt, bevor Prüfungen ausgeführt wurden. In Lighthouse wird nun eine neue interne Auditing-Engine mit dem Namen „Latern“ verwendet, die Ihre Prüfungen unter Ihren normalen Netzwerk- und CPU-Einstellungen ausführt und dann schätzt, wie lange das Laden der Seite unter mobilen Bedingungen dauern würde.
  • Kleinere Wartezeiten: Um festzustellen, ob eine Seite vollständig geladen wurde, muss Lighthouse darauf warten, dass Netzwerk und CPU keine Aktivität mehr aufweisen. In Version 3 ist diese Wartezeit kürzer.

Neue Berichtsoberfläche

Lighthouse 3.0 verfügt über eine brandneue Berichts-UI, die in Zusammenarbeit zwischen den Lighthouse- und Chrome UX-Teams (Forschung und Design) entstanden ist.

Lighthouse 3-Bericht wird in Gmail ausgeführt
Abbildung 1: Lighthouse Version 3-Bericht wird auf der Gmail-Seite „Info“ ausgeführt

Aufrufänderungen

Die Node-Version von Lighthouse unterstützt jetzt dieselben Konfigurationsoptionen wie die Befehlszeilenversion. Je nachdem, wie Sie Ihr Node Lighthouse-Modul in Version 2 konfiguriert haben, kann dies eine nicht abwärtskompatible Änderung sein. Weitere Informationen finden Sie unter Aufrufänderungen.

Bewertungsänderungen

In Lighthouse 3.0 ändert sich das Bewertungsmodell für Leistungsüberprüfungen. Ein Wert von 50 stellt das 75. Perzentil dar und eine perfekte Punktzahl von 100 stellt das 98. Perzentil dar, also den Punkt für sinkende Ergebnisse.

Die Leistungsbewertung ist ein gewichteter Durchschnitt der Leistungsüberprüfungen. Die Gewichtung der Prüfungen ändert sich in v3 ebenfalls.

Name des Audits v2-Gewichtung Gewichtung von v3
First Contentful Paint (neu in Version 3) 3
Erste sinnvolle Farbe 5 1
Erster CPU-Leerlauf (erste interaktive CPU in v2) 5 3
Zeit bis Interaktivität (konsistente Interaktivität in Version 2) 5 5
Wahrnehmbarer Geschwindigkeitsindex 1
Geschwindigkeitsindex 4
Geschätzte Eingabelatenz 1 0

Im Lighthouse v3-Bewertungsleitfaden finden Sie alle wichtigen Informationen zur Funktionsweise der Bewertung in Lighthouse v3.

Neue Ausgabeformate und Änderungen

Unterstützung für die CSV-Ausgabe

Berichtsergebnisse können jetzt im CSV-Format ausgegeben werden. Jede Zeile enthält Informationen und Ergebnisse für ein Audit, darunter:

  • Der Name der Kategorie, zu der das Audit gehört.
  • Der Name der Prüfung.
  • Eine Beschreibung der Prüfung.
  • Der für die Prüfung verwendete Bewertungstyp.
  • Der Punktzahlwert.

Änderungen an der JSON-Ausgabe

In Version 3.0 wurden viele Änderungen am JSON-Ausgabeformat von Lighthouse vorgenommen. Weitere Informationen finden Sie in der Migrationsanleitung zu Lighthouse v3.

Neue Prüfungen

First Contentful Paint

Messen Sie die Zeit, zu der Text- oder Bildinhalte erstmals auf dem Bildschirm der Nutzenden angezeigt werden.

robots.txt ist ungültig.

Achten Sie darauf, dass die Datei robots.txt Ihrer Website das richtige Format hat, damit Suchbots Ihre Website crawlen können.

Videoformate für animierte Inhalte verwenden

Ersetze GIFs durch video-Tags, um enorme Einsparungen bei den Videodateigrößen zu erzielen.

Weitere Informationen findest du unter Animierte GIFs durch Videos ersetzen.

Mehrere, kostspielige Hin- und Rückflüge zu beliebigen Startpunkten vermeiden

Verbessern Sie die Lastleistung, indem Sie link-Tags rel="preconnect"-Attribute hinzufügen. Dadurch wird der Browser angewiesen, so schnell wie möglich eine Verbindung zu einem Ursprung herzustellen.

Weitere Informationen finden Sie unter Vorverbindung herstellen.

Änderungen prüfen

Erste Interaktivität ➡ Erster CPU-Leerlauf

Die Prüfung First Interactive wurde in First CPU Idle umbenannt, um die Funktionsweise besser zu beschreiben. Der allgemeine Zweck der Prüfung ist derselbe. Mit dieser Prüfung können Sie messen, wann Nutzer zum ersten Mal mit Ihrer Seite interagieren können.

Wahrnehmbarer Geschwindigkeitsindex ➡ Geschwindigkeitsindex

In Lighthouse 3.0 heißt der Wahrnehmungsindex jetzt Geschwindigkeitsindex. Durch diese Änderung wird in Lighthouse die Methode angepasst, mit der WebPageTest diesen Messwert misst. Der Zweck der Prüfung ist derselbe, aber der zugrunde liegende Messwert unterscheidet sich geringfügig.