Lighthouse und Core Web Vitals von Google sind zwei verschiedene Methoden zur Messung der Leistung und Benutzererfahrung Ihrer Website. Es gibt einige Unterschiede in der Art und Weise, wie Lighthouse und Core Web Vitals die Website-Performance messen, welche Kennzahlen verwendet werden, was ein gutes Ergebnis ausmacht und welche Tools Sie zur Ausführung der einzelnen Berichte verwenden können. In diesem Artikel werden die beiden Methoden miteinander verglichen, damit Sie eine fundierte Entscheidung darüber treffen können, wann Sie die jeweilige Methode anwenden sollten.
So werden Leistungsbewertungen ermittelt
Lighthouse
Lighthouse misst die Leistung, Barrierefreiheit, SEO und andere Qualitätsindikatoren in Hinblick auf Best Practices Ihrer Webseiten. Dafür verwendet Lighthouse Labordaten, die in einer festgelegten Testumgebung erzeugt werden. Diese Labordaten werden verwendet, um Besuche auf Ihrer Webseite mit einer festgelegten CPU-Geschwindigkeit, einer 3G-Internetverbindung und einem Moto G4-Mobilgerät zu simulieren. Die Verwendung einer etwas schwächeren CPU, einer langsameren Internetverbindung und eines weniger leistungsfähigen Smartphones spiegelt die realen Bedingungen der Benutzer wider, die Ihre Website besuchen.
Core Web Vitals
Core Web Vitals sind eine Reihe von drei Kennzahlen, die versuchen, die allgemeine Benutzererfahrung beim Besuch Ihrer Webseiten zu messen und zusammenzufassen, indem sie sich auf Ladegeschwindigkeit, Interaktivität und visuelle Stabilität konzentrieren. Diese Kennzahlen verwenden Felddaten, bei denen es sich um reale Daten handelt, die anonym von tatsächlichen Benutzern an Google gesendet werden, wenn sie eine bestimmte Seite besuchen.
Wir empfehlen Ihnen, sich so weit wie möglich auf Core Web Vitals-Daten zu verlassen, da aggregierte Daten aus der realen Welt ein besserer Indikator für die Leistung sind als punktuelle Daten, die auf einer kontrollierten Reihe von Laborbedingungen basieren. Und die Punktzahl, die Sie bei den Kennzahlen Ihrer Core Web Vitals erhalten, kann einen Unterschied dahingehend machen, wie prominent Sie Ihrer Zielgruppe auf den eigenen Ergebnisseiten der Suchmaschine Google angezeigt werden.
Kennzahlen und Punktzahlen
Lighthouse und Core Web Vitals verwenden jeweils unterschiedliche Kennzahlen für die Generierung ihrer Berichte. Alle Kennzahlen verfügen über optimale Schwellenwerte, die festlegen, ob eine Seite als bestanden angesehen wird oder nicht.
Lighthouse
Lighthouse verwendet sechs verschiedene Kennzahlen zur Generierung des Berichts:
Largest Contentful Paint (LCP). Misst die Ladezeit Ihrer Seite und prüft, wie lange es dauert, bis das größte Element im Above-the-Fold-Bereich (Bild, Text usw.) geladen ist. Der optimale Schwellenwert beträgt weniger als 2,5 Sekunden.
Cumulative Layout Shift (CLS). Misst die visuelle Stabilität beim Laden einer Seite und konzentriert sich dabei auf unerwartete Layout-Veränderungen, die nicht durch eine Interaktion des Benutzers verursacht werden. Manchmal verschieben sich beim Laden einer Seite Elemente unerwartet und das ist für Benutzer frustrierend. So kann es beispielsweise vorkommen, dass Sie eine Seite laden und mit dem Lesen eines Absatzes beginnen, dann aber ein Bild geladen wird, das den Absatz nach unten verschiebt. Der optimale Schwellenwert ist eine Verschiebung des Layouts um weniger als 0,1.
Total Blocking Time (TBT). Gesamtzeit, in der Benutzereingaben auf einer Seite nicht möglich sind. Diese Eingaben umfassen Mausklicks oder Tastaturanschläge. Der optimale Schwellenwert beträgt weniger als 0,2 Sekunden.
First Contentful Paint (FCP). Die Zeit, die vergeht, bis der erste Inhalt auf der Seite geladen wird. Der Inhalt muss aus dem DOM (Dokumentobjektmodell) der Seite stammen. Das DOM enthält Standardseiteninhalte wie Bilder und Text. Der optimale Schwellenwert beträgt weniger als 1,8 Sekunden.
Speed Index. Misst den gesamten Ladevorgang für die visuellen Elemente einer Webseite, indem ein Video des Ladevorgangs der Seite aufgenommen und die Differenz zwischen den Frames überprüft wird. Die Gesamtdauer misst, wie lange es dauert, bis aus einem leeren Bildschirm eine komplette Seite wird. Der optimale Schwellenwert beträgt weniger als 3,4 Sekunden.
Time to Interactive (TTI). Wie lange es dauert, bis die Seite vollständig interaktiv ist, damit sie zuverlässig auf Benutzereingaben reagiert. Der optimale Schwellenwert beträgt weniger als 0,1 Sekunden.
Der Leistungsbericht von Lighthouse wandelt die Rohwerte in Standardwerte von 0 bis 100 um und verwendet dann einen gewichteten Durchschnitt, um die Gesamtpunktzahl für die Leistung Ihrer Website zu berechnen. Als bestanden gilt eine Punktzahl von über 90 für jede einzelne Kennzahl oder für die Gesamtbewertung der Leistung.
Core Web Vitals
Core Web Vitals misst CLS und LCP auf die gleiche Weise wie Lighthouse und verwendet dieselben optimalen Schwellenwerte. Darüber hinaus ermittelt Core Web Vitals auch First Input Delay (FID), womit die Zeit gemessen wird, die es von der ersten Interaktion des Benutzers dauert, z. B. durch Klicken auf eine Schaltfläche, bis der Browser auf diese Aktion reagiert. Der optimale Schwellenwert beträgt weniger als 0,1 Sekunden. FID ähnelt der TBT-Kennzahl von Lighthouse und hat den gleichen optimalen Schwellenwert. Damit eine Seite auf Ihrer Website als bestanden gilt, muss sie den optimalen Schwellenwert für jede Kennzahl beim 75. Perzentil erreichen.
Weitere Informationen finden Sie unter Einführung in Core Web Vitals.
Core Web Vital Scores werden anhand von aggregierten Felddaten von vielen Benutzern über einen Zeitraum von 28 Tagen berechnet. Diese 28-Tage-Frist ist wichtig, denn wenn Sie schlecht abschneiden und dann Verbesserungen vornehmen, müssen Sie warten, bis Google diese Verbesserungen erkennt.
TOOLS
Wenn Sie einen Lighthouse-Bericht erhalten möchten, sollten Sie die Lighthouse-Erweiterung für Ihren Chrome-Webbrowser verwenden oder das Web Dev Portal von Google besuchen und Ihre URL eingeben. Weitere Optionen sind Chrome Dev Tools, Page Speed Insights und die Verwendung der Befehlszeile.
Eine Reihe von Tools messen Core Web Vitals, darunter Chrome User Experience Report (CrUX), Google Search Console und PageSpeed Insights. Der schnellste und einfachste Weg, die Core Web Vitals einer URL zu überprüfen, ist PageSpeed Insights.