Googles Lighthouse und Core Web Vitals sind zwei verschiedene Methoden zur Messung der Leistung und Nutzererfahrung Ihrer Website. Es gibt mehrere Unterschiede darin, wie Lighthouse und Core Web Vitals die Leistung der Website messen, welche Metriken verwendet werden, was als „bestanden“ gilt und welche Tools Sie für die Erstellung der einzelnen Berichte verwenden können. In diesem Artikel werden die beiden Methoden verglichen, sodass Sie eine fundierte Entscheidung darüber treffen können, wann Sie welche verwenden sollten
Lighthouse misst die Leistung, Barrierefreiheit, SEO und andere Best-Practice-Qualitätsindikatoren Ihrer Webseiten. Zu diesem Zweck verwendet Lighthouse Labordaten, die in einer festen Testumgebung generiert werden. Diese Labordaten werden verwendet, um Besuche Ihrer Webseite mit einer festen CPU-Geschwindigkeit, einer 3G-Internetverbindung und einem Moto G4-Mobilgerät zu simulieren. Die Verwendung einer etwas unterversorgten CPU, einer langsameren Internetverbindung und eines weniger leistungsstarken Smartphones spiegelt die realen Bedingungen wider, unter denen Benutzer Ihre Website besuchen
Core Web Vitals sind eine Reihe von drei Metriken, mit denen versucht wird, das allgemeine Nutzererlebnis beim Besuch Ihrer Webseiten zu messen und zusammenzufassen, wobei der Schwerpunkt auf Ladegeschwindigkeit, Interaktivität und visueller Stabilität liegt. Diese Metriken verwenden Felddaten. Dabei handelt es sich um reale Daten, die anonym von tatsächlichen Nutzern an Google gesendet werden, wenn diese
Wir empfehlen, dass Sie sich so weit wie möglich auf Core Web Vitals-Daten verlassen, da aggregierte Daten aus der realen Welt ein besserer Leistungsindikator sind als Point-in-Time-Daten, die auf kontrollierten Laborbedingungen basieren. Und die Punktzahl, die Sie bei den Kennzahlen von Core Web Vital erhalten, kann einen Unterschied darin ausmachen, wie prominent Sie auf den Ergebnisseiten der Suchmaschinen von Google für Ihre gezielten Suchanfragen erscheinen
Sowohl Lighthouse als auch Core Web Vitals verwenden unterschiedliche Metriken, um ihre Berichte zu erstellen. Jeder Satz von Metriken hat optimale Schwellenwerte, die bestimmen, ob eine Seite als bestanden betrachtet wird oder nicht
Lighthouse verwendet sechs verschiedene Metriken, um seinen Bericht zu erstellen:
-
Größter Inhaltsgehalt (LCP). Misst die Ladezeit deiner Seite und prüft, wie lange es dauert, bis das größte Element über dem Falz (Bild, Text usw.) geladen ist. Der optimale Schwellenwert liegt bei weniger als 2,5 Sekunden.
-
Kumulative Layoutverschiebung (CLS). Misst die visuelle Stabilität beim Laden einer Seite und konzentriert sich dabei auf unerwartete Layoutverschiebungen, die nicht durch eine Benutzerinteraktion verursacht wurden. Manchmal ändern sich Elemente beim Laden einer Seite unerwartet, was die Benutzer frustriert. Sie könnten beispielsweise eine Seite laden und mit dem Lesen eines Absatzes beginnen, nur damit ein Bild geladen wird, das den Absatz auf der Seite nach unten schiebt. Der optimale Schwellenwert liegt bei weniger als 0,1 Layoutverschiebungen
-
Gesamtblockierungszeit (TBT). Gesamtzeit, für die eine Seite daran gehindert wird, auf Benutzereingaben zu antworten. Zu diesen Eingaben gehören Mausklicks oder Tastaturanschläge. Der optimale Schwellenwert liegt unter 0,2 Sekunden.
-
Erster Contentful Paint (FCP). Die Zeit, die verstrichen ist, bis der erste Inhalt auf der Seite geladen wurde. Der Inhalt muss aus dem DOM (Document Object Model) der Seite stammen. Das DOM enthält Standardseiteninhalte wie Bilder und Text. Der optimale Schwellenwert liegt unter 1,8 Sekunden.
-
Geschwindigkeitsindex. Misst den gesamten Ladevorgang für die visuellen Teile einer Webseite, indem ein Video aufgenommen wird, in dem die Seite geladen wird, und der Unterschied zwischen den Frames überprüft wird. Die Gesamtdauer misst, wie lange es dauert, von einem leeren Bildschirm zu einer vollständigen Seite zu gelangen. Der optimale Schwellenwert liegt unter 3,4 Sekunden.
-
Zeit zum Interagieren (TTI). Wie lange es dauert, bis die Seite vollständig interaktiv ist, sodass sie zuverlässig auf Benutzereingaben reagiert. Der optimale Schwellenwert liegt unter 0,1 Sekunden.
Der Lighthouse-Leistungsbericht wandelt Rohwerte in Standardwerte von 0 bis 100 um und berechnet dann anhand eines gewichteten Durchschnitts den Gesamtleistungswert Ihrer Website. Eine Mindestpunktzahl für eine einzelne Kennzahl oder den Gesamtleistungswert liegt bei einem Wert über 90.
Core Web Vitals misst CLS und LCP auf die gleiche Weise wie Lighthouse und verwendet dieselben optimalen Schwellenwerte. Darüber hinaus misst Core Web Vitals auch die Verzögerung bei der ersten Eingabe (First Input Delay, FID). Dabei wird die Zeit gemessen, die von der ersten Interaktion des Benutzers, z. B. dem Klicken auf eine Schaltfläche, vergeht, bis der Browser auf diese Aktion reagiert. Der optimale Schwellenwert liegt unter 0,1 Sekunden. FID ähnelt der TBT-Metrik von Lighthouse und hat denselben optimalen Schwellenwert. Damit eine Seite auf Ihrer Website als bestanden betrachtet wird, muss sie den optimalen Schwellenwert für jede Metrik beim 75. Perzentil erreichen
Weitere Informationen finden Sie unter Core Web Vitals.
Anmerkung
Core Web Vital-Werte werden anhand aggregierter Felddaten von vielen Benutzern über einen Zeitraum von 28 Tagen berechnet. Es ist wichtig, sich an diesen Zeitraum von 28 Tagen zu erinnern, denn wenn Sie schlecht abschneiden und dann einige Verbesserungen vornehmen, müssen Sie warten, bis Google diese Verbesserungen feststellt.
Core Web Vital-Werte werden anhand aggregierter Felddaten von vielen Benutzern über einen Zeitraum von 28 Tagen berechnet. Es ist wichtig, sich an diesen Zeitraum von 28 Tagen zu erinnern, denn wenn Sie schlecht abschneiden und dann einige Verbesserungen vornehmen, müssen Sie warten, bis Google diese Verbesserungen feststellt.
Wenn Sie einen Lighthouse-Bericht erhalten möchten, verwenden Sie am benutzerfreundlichsten den Lighthouse-Erweiterung für Ihren Chrome-Webbrowser oder zum Besuch Das Webentwicklungsportal von Google und geben Sie Ihre URL ein. Zu den weiteren Optionen gehören Tools für Chrome-Entwickler , Einblicke in die Seitengeschwindigkeitund über die Befehlszeile.
Eine Reihe von Tools misst Core Web Vitals, darunter Bericht zur Nutzererfahrung in Chrome (CruX), Google-Suchkonsole , und PageSpeed Insights. Die schnellste und einfachste Methode, die Core Web Vitals einer URL zu überprüfen, ist über PageSpeed