Die Core Web Vitals von Google sind Erfahrungsmetriken, die messen, wie gut eine Website abschneidet und wie gut sie ein Nutzererlebnis bietet. Im Juni 2021 veröffentlichte Google eine Verbesserung seiner Kennzahlen zur Nutzererfahrung, die als Core Web Vitals bezeichnet wird und sich auf Ladegeschwindigkeit, Interaktivität und visuelle Stabilität konzentriert. Diese Core Web Vitals sind: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) und Time to First Byte (TTFB)
Core Web Vitals sind wichtig, da es sich um eine gemeinsame Reihe von Metriken und Benchmarks handelt, die in vielen Google-Diensten verwendet werden und sich direkt auf die Suchrankings auswirken. Indem Sie Ihre Website für Core Web Vitals messen und optimieren, verbessern Sie auch das allgemeine Nutzererlebnis Ihrer
Informationen zu Core Web Vitals finden Sie im folgenden Video:
CLS misst die visuelle Stabilität des Inhalts auf einer Seite, indem es die Gesamtsumme aller einzelnen Layout-Shift-Scores für jede unerwartete Layoutänderung zählt, die während der gesamten Lebensdauer der Seite auftritt. Eine Layoutänderung liegt vor, wenn ein Element seine Ausgangsposition ändert, weil Ressourcen später im Lebenszyklus einer Seite geladen werden und Inhalte darunter auf der Seite nach unten verschoben werden. Ein Nutzer kauft beispielsweise online ein und gerade beim Versuch, auf die Schaltfläche „In den Warenkorb“ zu klicken, wird eine Anzeige über der Schaltfläche geladen und nach unten gedrückt. Diese Layoutänderung führt dazu, dass der Nutzer versehentlich auf die Anzeige klickt und nicht auf die Schaltfläche „In den Warenkorb“. Ein niedriger CLS kann dazu beitragen, dass Ihre Nutzer eine positive Erfahrung auf Ihrer Website machen und schnell das tun können, wofür sie gekommen sind
FID misst die Verzögerung bei Interaktivität und Reaktionsfähigkeit. Dies ist der Zeitraum zwischen dem Zeitpunkt, an dem der Benutzer mit Ihren Inhalten interagiert, indem er auf einen Link klickt, auf eine Schaltfläche tippt oder eine Taste drückt, bis zu dem Zeitpunkt, an dem der Browser diese Interaktion verarbeitet. FID zählt nur die Verzögerung, nicht die Zeit, die für die Verarbeitung des Ereignisses benötigt wird, oder wie lange die Aktualisierung der Benutzeroberfläche dauert. Eine Verzögerung tritt in der Regel auf, weil der Browser damit beschäftigt ist, den Rest des Seiteninhalts zu laden und noch nicht auf die Interaktion des Benutzers reagieren kann. Eine kurze FID kann dazu beitragen, die Wahrscheinlichkeit zu erhöhen, dass der Benutzer auf der Seite bleibt und mit Ihren Inhalten interagiert. Derzeit schneiden die meisten Websites bei der FID-Messung gut
Anmerkung
Zoomen und Scrollen werden für FID nicht gemessen.
LCP misst die Zeit, die das größte sichtbare Element auf der Seite benötigt, um geladen zu werden, relativ zu dem Zeitpunkt, zu dem die Seite zum ersten Mal geladen wurde. Wenn verschiedene Elemente geladen werden, kann sich das LCP ändern. Der Browser stoppt die Messung des LCP, wenn der Benutzer beginnt, mit der Seite zu interagieren, da Interaktionen in der Regel das ändern, was für den Benutzer sichtbar ist. Eine schnelle Ladegeschwindigkeit kann dem Benutzer die Gewissheit geben, dass die Seite nützlich ist, da er schnell mit dem Anzeigen von Inhalten beginnen kann
Elemente, die das LCP sein können:
-
<img>
-
<image> inside an <svg>
-
<video>
-
Element mit einem Hintergrundbild, das mit dem geladen wurde
url()Funktion statt eines CSS-Gradienten -
Elemente auf Blockebene, die Textknoten oder andere untergeordnete Textelemente auf Inline-Ebene enthalten
Anmerkung
As Google expands their Core Web Vitals, they have indicated <svg> and <video> might be included as elements used to measure LCP in the future.
INP bezieht sich darauf, wie die Seite auf bestimmte Benutzerinteraktionen reagiert, die in die allgemeine INP-Metrik einprogrammiert sind, die anhand der Labor- und Felddaten von Google Chrome gemessen wird. INP ist so konzipiert, dass es die gesamte Interaktionsverzögerung einer Seite darstellt. Dazu wird anhand einer Stichprobe der längsten Interaktionen gearbeitet, die auftreten, wenn ein Benutzer die Seite besucht. Wenn eine Seite beispielsweise insgesamt weniger als 50 Interaktionen hat, berücksichtigt INP die Interaktion mit der absolut schlimmsten Verzögerung. Die INP-Messung gibt an, wie lange ein Benutzer warten muss, um mit der gesamten Seite zu interagieren. Dies ist ein direkter Kontrast zu FID (First Input Delay)
INP befasst sich mit den folgenden Arten von Interaktionen:
-
Jeder Mausklick auf ein interaktives Element.
-
Jedes Tippen auf ein interaktives Element auf einem Gerät, das über einen Touchscreen verfügt.
-
Das Drücken einer Taste auf einer physischen Tastatur oder einer Bildschirmtastatur.
In der web.dev-Dokumentation von Google wird erklärt, dass ein guter INP-Wert bei etwa 200 Millisekunden oder weniger liegt.
Anmerkung
INP ersetzte FID im März 2024. Wenn Sie von Google eine Mitteilung erhalten, in der gemeldet wird, dass Ihre Website INP-Probleme hat, überprüfen Sie Ihre Website, um sicherzustellen, dass sie den aktuellen Best Practices entspricht (detaillierte Informationen zu bewährten Methoden finden Sie unter Die wichtigsten Best Practices von Web Vitals).
Bei der Messung von Core Web Vitals können Sie Labor- oder Felddaten verwenden. Labordaten werden mit Tools gesammelt, die das Laden und die Interaktion von Seiten simulieren. Felddaten werden aus der Interaktion eines echten Benutzers mit Ihrer Website gesammelt. Es wird empfohlen, reale Metriken wie Real User Monitoring (RUM) anstelle von Labortests zu verwenden, damit Sie Ihre Website genauer optimieren können. Die von Google CruX-Daten Set kann zur Messung Ihrer Website verwendet werden und ist eine gute Wahl, da Google es zur Messung der Core Web Vitals verwendet.
Sowohl CLS als auch LCP können im Labor oder vor Ort gemessen werden. FID kann nur vor Ort gemessen werden, da ein echter Benutzer mit dem Inhalt interagieren muss. Wir empfehlen Ihnen dringend, jede Seite Ihrer Website zu testen.
Die folgenden Tools können zur Messung der Core Web Vitals verwendet werden:
Werkzeuge für den Einsatz vor Ort:
-
Bericht zur Chrome-Nutzererfahrung (empfohlen)
-
PageSpeed Einblicke (nur wenn es genug gibt CruX-Daten; falls nicht, ist dies ein Labortool)
Laborwerkzeuge:
Anmerkung
Das WebPage Test-Tool von Google ist kein von der Branche empfohlenes Tool mehr.
Weitere Informationen zu den Unterschieden zwischen Lighthouse und Core Web Vitals finden Sie unter Vergleich von Lighthouse und Core Web Vitals.
Damit eine Seite auf Ihrer Website als bestanden betrachtet wird, muss sie alle folgenden Kennzahlen im 75. Perzentil erreichen:
-
CLS. 0,1 Layout-Shift-Score oder weniger
-
FID. 0,1 Sekunden oder weniger
-
LCP. 2,5 Sekunden oder weniger
Derzeit erfüllen nur 20% der Websites alle drei Metriken. Um zu erfahren, wie Sie Ihre Website optimieren können, lesen Sie Bewährte Methoden von Core Web Vitals.