Lighthouse 2.6-Updates

Lighthouse 2.6 ist da! Zu den Highlights gehören:

Eine vollständige Liste der neuen Funktionen, Änderungen und Fehlerkorrekturen finden Sie in den Versionshinweisen zur Version 2.6.

So aktualisieren Sie auf Version 2.6

  • NPM. Führen Sie npm update lighthouse aus. Führen Sie das Flag npm update lighthouse -g aus, wenn Sie Lighthouse global installiert haben.
  • Chrome-Erweiterung Die Erweiterung sollte automatisch aktualisiert werden. Sie können sie aber auch manuell über chrome://extensions aktualisieren.
  • Entwicklertools Der Bereich „Analysen“ wird in Chrome 65 mit Version 2.6 eingeführt. Sie können über chrome://version prüfen, welche Version von Chrome Sie verwenden. Chrome wird etwa alle sechs Wochen auf eine neue Version aktualisiert. Sie können den neuesten Chrome-Code ausführen, indem Sie Chrome Canary herunterladen.

Neue Leistungsanalysen

Die JavaScript-Startzeit ist hoch

Hier sehen Sie eine Aufschlüsselung der Zeit, die für das Parsen, Kompilieren und Ausführen der einzelnen Scripts auf Ihrer Seite aufgewendet wird. Die JavaScript-Startzeit ist ein etwas versteckter, aber wichtiger Faktor für die Seitenladezeit.

Die Prüfung „Die JavaScript-Startzeit ist hoch“.
Abbildung 1. Audit Die JavaScript-Startzeit ist hoch

Ineffiziente Cache-Richtlinie für statische Assets verwendet

Achten Sie darauf, dass der Browser alle Ihre Ressourcen ordnungsgemäß im Cache speichert.

Die Prüfung „Verwendung einer ineffizienten Cache-Richtlinie für statische Assets“
Abbildung 2: Prüfung Ineffiziente Cache-Richtlinie für statische Assets verwendet

Seitenweiterleitungen werden vermieden

Seitenweiterleitungen führen zu einem zusätzlichen Netzwerk-Roundtrip oder zwei, wenn eine zusätzliche DNS-Suche erforderlich ist. Minimieren Sie Weiterleitungen, um die Seitenladezeit zu verkürzen.

Prüfung „Weiterleitungen werden vermieden“
Abbildung 3: Die Prüfung Weiterleitungen werden vermieden

Neugestaltung der Bewertung des Abschnitts „Bedienungshilfen“

In Lighthouse 2.6 wird der Gesamtwert für die Barrierefreiheit anders berechnet. Bei der Bewertung wird jede Prüfung der Barrierefreiheit anhand der Schwere der Auswirkungen auf die Nutzerfreundlichkeit sowie der Häufigkeit des Problems basierend auf den Datensätzen des HTTP Archive gewichtet. Eine ausführliche Erläuterung finden Sie unter googlechrome/lighthouse/issues/3444.

UX-Verbesserungen melden

Fehler auf oberster Ebene

Oben im Bericht werden Sie von Lighthouse auf Fehler hingewiesen, die sich möglicherweise auf die Bewertung Ihrer Seite ausgewirkt haben.

Fehler auf oberster Ebene oben in einem Bericht
Abbildung 4. Fehler auf oberster Ebene oben in einem Bericht

Klicken Sie auf Bericht exportieren Bericht exportieren und wählen Sie dann Zusammenfassung drucken oder Detaillierte Version drucken aus, um zusammengefasste oder detaillierte Versionen Ihrer Berichte zu drucken.

Zusammenfassung und maximierte Ansichten drucken
Abbildung 5: Zusammenfassung und maximierte Ansichten drucken

Fehlerkorrektur beim Seitenverhältnis

In Version 2.6 wurde außerdem ein Fehler behoben, durch den die Prüfung Bilder mit dem richtigen Seitenverhältnis anzeigen auch dann fehlgeschlagen ist, wenn sich auf der Seite keine Bilder befanden oder alle Bilder die richtige Größe hatten.