Lighthouse 2.6-Updates

Brendan Kenny

Kayce Basques

Lighthouse 2.6 ist da! Einige Highlights:

• Neue Leistungs-Audits:
• Überarbeitung der Punktzahl für den Abschnitt „Bedienungshilfen“
• Verbesserungen an der Benutzeroberfläche für Berichte:
• Fehlerkorrektur für die Analyse des Seitenverhältnisses

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

Auf Version 2.6 aktualisieren

• 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 Das Feld „Audits“ wird mit Version 2.6 in Chrome 65 eingeführt. Über chrome://version können Sie prüfen, welche Chrome-Version Sie verwenden. Etwa alle sechs Wochen wird eine neue Version von Chrome veröffentlicht. Wenn Sie den neuesten Chrome-Code verwenden möchten, können Sie Chrome Canary herunterladen.

Neue Leistungsprüfungen

Die JavaScript-Bootzeit ist hoch.

Hier sehen Sie eine Aufschlüsselung der Zeit, die Ihre Seite für das Parsen, Kompilieren und Ausführen der einzelnen Skripts benötigt. Die JavaScript-Boot-up-Zeit ist ein etwas verborgener, aber wichtiger Faktor für die Seitenladezeit.

Abbildung 1. Der Audit Hohe JavaScript-Startzeit

Ineffiziente Cache-Richtlinie für statische Assets

Achten Sie darauf, dass der Browser jede Ihrer Ressourcen richtig im Cache speichert.

Abbildung 2. Die Prüfung Verwendet eine ineffiziente Cache-Richtlinie für statische Assets

Seitenweiterleitungen werden vermieden

Seitenweiterleitungen erfordern einen zusätzlichen Netzwerk-Roundtrip oder zwei, wenn ein zusätzlicher DNS-Lookup erforderlich ist. Minimieren Sie Weiterleitungen, um die Seitenladezeit zu verkürzen.

Abbildung 3. Beim Audit Seitenweiterleitungen werden vermieden

Überarbeitung der Punktzahl für den Abschnitt zu Bedienungshilfen

In Lighthouse 2.6 wird das aggregierte Ergebnis für Barrierefreiheit anders berechnet. Bei der Berechnung des Werts wird jede Barrierefreiheitsprüfung anhand der Schwere ihrer Auswirkungen auf die Nutzerfreundlichkeit sowie der Häufigkeit des Problems auf Grundlage des HTTP Archive-Datasets gewichtet. Eine ausführliche Erläuterung finden Sie unter googlechrome/lighthouse/issues/3444.

UX-Verbesserungen bei Berichten

Hinweis :Diese Updates sind nur in der Chrome-Erweiterungsversion von Lighthouse verfügbar. Sie sind noch nicht im Bereich „Audits“ der Entwicklertools verfügbar.

Fehler der obersten Ebene

Oben im Bericht werden Sie von Lighthouse auf Fehler hingewiesen, die sich auf die Punktzahlen Ihrer Seite ausgewirkt haben könnten.

Abbildung 4. Fehler der obersten Ebene oben in einem Bericht

Zusammenfassung und maximierte Ansichten drucken

Klicken Sie auf Bericht exportieren wählen Sie dann Zusammenfassung drucken oder Erweitert drucken aus, um zusammengefasste oder detaillierte Versionen Ihrer Berichte auszudrucken.

Abbildung 5. Zusammenfassung und maximierte Ansichten drucken

Fehlerkorrektur für das Seitenverhältnis

In Version 2.6 wurde auch ein Fehler behoben, der dazu führte, dass die Prüfung Bilder mit korrektem Seitenverhältnis anzeigen fehlschlug, obwohl keine Bilder auf der Seite vorhanden waren oder alle Bilder die richtige Größe hatten.