Performance Score in Lighthouse v6: Neue Metriken für mehr Pagespeed

Geschätzte Lesedauer: 4 Minuten
Unsplash Bild von Cris Ovalle, Aufnahme der Lichter auf einer Autobahn in der Nacht
Autor:in:
XORTEX
//
03.03.2020
Lighthouse Score

Seit 2018 ermittelt Google den Pagespeed mit Lighthouse. Viele Website-Betreiber warten gespannt auf die neue Version von Google Lighthouse v6. Angekündigt ist, dass im Performance Score bisherige Metriken durch neue ersetzt und die Gewichtungs­faktoren neu festgelegt werden. Erfahren Sie, welche dies sind und was die Veränderung im Hinblick auf die Suchmaschinen-Optimierung bedeutet.

Außerdem: Sie möchten die Qualität & Performance Ihrer Website mit jener der Konkurrenz vergleichen und dauerhaft monitoren? Wir haben die Lösung: Web-Performance Monitoring mit Focus auf den Pagespeed.

Kurz erklärt

Das Open Source Tool Lighthouse

Lighthouse ist ein Open-Source Tool, welches Websites auf technischer Ebene analysiert. Die Ergebnisse enthalten neben Diagnosen auch entsprechende Empfehlungen. Gemessen wird in den fünf Audits

  • Performance: Wie schnell lädt die Website?
  • Accessibility: Wie steht es um die Barriere­freiheit der Website?
  • Best Practices: Wie sieht es mit der Sicherheit & dem Code­zustand der Website aus?
  • SEO: Wie gut ist die Website für Suchmaschinen aufbereitet?
  • Progressive Web App (PWA): Funktioniert die PWA?

Je nach Wunsch können einzelne Audits ausgeschaltet werden. Werte zwischen 0 und 49 gelten als schlecht, zwischen 50 und 89 als akzeptabel und von 90 bis 100 als gut.

Lighthouse Logo

Google Lighthouse
Quelle: Google Lighthouse Logo

Stetiges beobachten

Web-Performance-Monitoring für Ihre Website

Möchten Sie die Qualität und vor allem den Pagespeed Ihrer Website dauerhaft monitoren und zusätzlich Ihre eigene mit jener der Konkurrenz messen? Wir von XORTEX bieten hierfür eine passende Lösung: Web-Performance Monitoring.

Inkludierte Charts:

  • Messung & Monitoring für Desktop & Mobile
  • Darstellung aller Lighthouse Werte: Performance, SEO, Best Practice, Accessibility
  • Vergleich der Werte Ihrer Website mit der Konkurrenz
  • Dauerhaftes Monitoring-Dashboard mit allen Speed-Performance Metriken im Detail

 

Gerne richten wir ein dauerhaftes Web-Perfomance Monitoring für Ihre Website ein. Kontaktieren Sie uns und erfahren Sie alles über die Vorgehensweise, die Leistungen und Kosten.

Performance-Monitoring anfragen

Beispielhafte Darstellungen der Performance-Werte Desktop & Mobile von mehreren Websites im Vergleich

Unterschiede von v5 zu v6

Google Lighthouse v6 Performance Metriken

Hinsichtlich der Ladezeit einer Website ist der Bereich Performance bedeutungsvoll. Hier analysiert Lighthouse, wie schnell eine Website lädt (Labdaten) bzw. Nutzer die gewünschten Inhalte tatsächlich nutzen können (Felddaten). Auf die einzelnen Metriken wollen wir nun für Lighthouse v6 näher eingehen.

First Contentful Paint - Erste Inhalte gezeichnet

Gibt die Zeit an, bis wann im Browser die ersten Seiten­inhalte dargestellt werden. Der Nutzer muss innerhalb weniger Sekunden nach dem Laden die Seite "angezeigt" sehen. Das Gewicht (die Bedeutung) dieses Faktors beträgt in der Lighthouse Version 6 15%.

Speed Index - Geschwindig­keitsindex

Besagt, wie lange der Browser braucht, um Inhalte einer Seite sichtbar darzustellen. Dabei zeichnet Lighthouse ein Video der im Browser geladenen Seite auf und berechnet den Verlauf. Die Gewichtung dieses Bewertungs­faktor liegt bei Lighthouse v6 bei 15%. Der Index wird niedriger, je weniger Stile & Skripte der Seiten­inhalt benötigt. Er hängt jedoch auch vom Benutzer­gerät ab.

Largest Contenful Paint - neu im Lighthouse v6

Sie misst die wahrgenommene Ladegeschwindigkeit und ist somit eine wichtige benutzerorientierte Metrik. Sie gibt die Zeit an, bis wann das größte Inhaltselement im Ansichtsfenster auf dem Bildschirm gerendert wird oder anders formuliert: bis wann der Hauptinhalt der Seite wahrscheinlich geladen ist.

Diese Metrik ist neu im Lighthouse v6 und löst "First Meaningful Paint" ab. Der Gewichtungs­faktor beträgt zukünftig 25%.

Time To Interactive - Zeit bis Inter­aktivität

Misst, wie lange es dauert, bis die Seite gänzlich interaktiv für Benutzer­aktionen ist. Die Gewichtung liegt bei 15% in der Version 6. Die Zeit bis zur Interaktivität wird oft von der Ausführungs­zeit von JavaScript beeinflusst.

Total Blocking Time (TBT) - Gesamt­sperrzeit - neu im Lighthouse v6

Sie gibt die Gesamtzeit an, wie lange eine Seite auf Benutzer­eingaben (Mausklicks, Bildschirm antippen etc.) nicht reagiert. Sie berechnet sich aus der Gesamtzeit zwischen First Contentful Paint und Time to Interactive. Lädt nun eine Website, so werden mehrere JavaScripts ausgeführt. Jede Ausführung dauert im optimalsten Fall maximal 50 Milli­sekunden. Jene Zeiten, die pro Ausführung über 50 ms liegen, werden summiert und im TBT dargestellt.

Gesamtsperrzeit einer Website mit drei JavaScripts Tasks in der Dauer von 60ms, 45ms & 120ms = 80ms.

Der TBT Score ergibt sich aus dem Vergleich der eigenen TBT Zeit mit den Daten der 404-Seiten der Top-10.0000 Websites, geladen auf Mobilgeräten. Dabei gilt

  • 0 - 300 Millisekunden wird als schnell interpretiert.
  • 300 - 600 Millisekunden sind mäßig.
  • über 600 Millisekunden werden als langsam eingestuft.

Der Total Blocking Time Score hat im Lighthouse v6 eine Gewichtung von 25%.

Unsplash Bild von Cris Ovalle, Aufnahme der Lichter auf einer Autobahn in der Nacht

Lighthouse entwickelt sich weiter

Fortwährende Lighthouse Verbesserungen

Das Lighthouse-Team fügt natürlich laufend Verbesserungen hinzu.

  • Aktuell nicht mehr in Lighthouse v6 vorhanden sind die Metriken "First CPU Idle" und "First Meaningful Paint".
  • Allerdings ist angekündigt, dass der Faktor "Cumulative Layout Shift" als neue Metrik im Lighthouse Performance Score Einzug findet.
  • Auch an der Gewichtung der einzelnen Faktoren wird ständig geschraubt.

Diese Entwicklungen werden wir auch in Zukunft für Sie beobachten.

Pagespeed optimieren

Warum Page­speed bei einer Website so wichtig ist

Erfahren Sie mehr über die Bedeutung einer guten Ladezeit von Websites und mit welchen Schritten Sie Ihre Website für besseren Pagespeed optimieren können.

Pagespeed optimieren