Core Web Vitals verstehen

Hinweis: Diese Funktion ist in deinem Smoobu-Setup nicht enthalten. Die folgenden Informationen dienen nur zur Orientierung. Wende dich an den Smoobu-Support, wenn du sie benötigst.

Googles Core Web Vitals sind Erlebnis-Kennzahlen. Sie messen, wie gut eine Website funktioniert und wie gut das Nutzungserlebnis ist. Im Juni 2021 hat Google mit den Core Web Vitals eine Verbesserung seiner Kennzahlen zum Nutzungserlebnis veröffentlicht. Sie konzentrieren sich auf Ladegeschwindigkeit, Interaktivität und visuelle Stabilität.

Zu den Core Web Vitals gehören: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) und Time to First Byte (TTFB).

Warum sind die Core Web Vitals so wichtig? Viele Google-Dienste nutzen genau diese Kennzahlen und Benchmarks, und sie wirken sich direkt auf das Suchmaschinen-Ranking aus. Wenn du deine Website daran misst und optimierst, verbesserst du zugleich das gesamte Nutzungserlebnis.

Die Core Vitals

CLS

CLS misst die visuelle Stabilität der Inhalte einer Seite. Dazu wird die Summe aller einzelnen Layout-Shift-Werte für jede unerwartete Verschiebung während der gesamten Lebensdauer der Seite gebildet. Eine Layout-Verschiebung entsteht, wenn ein Element seine ursprüngliche Position ändert, weil Ressourcen erst später geladen werden und den darunterliegenden Inhalt nach unten schieben. Ein Beispiel: Jemand kauft online ein und will gerade auf „In den Warenkorb" klicken, als über dem Button eine Anzeige erscheint und ihn nach unten schiebt. Durch diese Verschiebung klickt die Person versehentlich auf die Anzeige statt auf den Button. Ein niedriger CLS-Wert sorgt dafür, dass deine Besucher eine positive Erfahrung auf deiner Website machen und schnell ans Ziel kommen.

FID

FID misst die Verzögerung bei Interaktivität und Reaktionsfähigkeit. Gemeint ist die Zeit von dem Moment, in dem ein Besucher mit deinem Inhalt interagiert (also einen Link anklickt, auf einen Button tippt oder eine Taste drückt), bis der Browser diese Interaktion verarbeitet. FID zählt nur die Verzögerung, nicht die Zeit für die Verarbeitung des Ereignisses oder für die Aktualisierung der Oberfläche. Eine Verzögerung entsteht meist, weil der Browser noch mit dem Laden der restlichen Seiteninhalte beschäftigt ist und noch nicht auf die Interaktion reagieren kann. Ein kurzer FID-Wert erhöht die Chance, dass ein Besucher auf der Seite bleibt und mit deinem Inhalt interagiert. Die meisten Websites schneiden bei der FID-Messung derzeit gut ab.

Hinweis: Zoomen und Scrollen werden bei FID nicht gemessen.

LCP

LCP misst, wie lange das größte sichtbare Element der Seite zum Laden braucht, gemessen ab dem Zeitpunkt, an dem die Seite zu laden beginnt. Während die einzelnen Elemente geladen werden, kann sich der LCP-Wert ändern. Der Browser stoppt die LCP-Messung, sobald ein Besucher beginnt, mit der Seite zu interagieren, denn Interaktionen ändern in der Regel, was sichtbar ist. Eine schnelle Ladezeit signalisiert dem Besucher, dass die Seite nützlich ist, weil er die Inhalte schnell sehen kann.

Diese Elemente können das LCP-Element sein:

• <img>
• <image> innerhalb eines <svg>
• <video>
• Element mit einem Hintergrundbild, das über die Funktion url() statt über einen CSS-Verlauf geladen wird
• Block-Elemente, die Textknoten oder andere Inline-Textelemente enthalten

Hinweis: Da Google die Core Web Vitals erweitert, hat das Unternehmen angedeutet, dass <svg> und <video> künftig zu den Elementen für die LCP-Messung zählen könnten.

INP

INP beschreibt, wie die Seite auf bestimmte Nutzerinteraktionen reagiert, die in die INP-Kennzahl einfließen und über Labor- und Felddaten von Google Chrome gemessen werden. INP soll die gesamte Interaktionsverzögerung einer Seite abbilden. Dazu wird eine Stichprobe der längsten einzelnen Interaktionen herangezogen, die während eines Besuchs auftreten. Hat eine Seite zum Beispiel weniger als 50 Interaktionen insgesamt, berücksichtigt INP die Interaktion mit der absolut schlechtesten Verzögerung. Der INP-Wert bildet also ab, wie lange ein Besucher warten muss, um mit der gesamten Seite zu interagieren. Das ist der direkte Gegensatz zu FID (First Input Delay).

INP berücksichtigt folgende Arten von Interaktionen:

• Jeden Mausklick auf ein interaktives Element.
• Jedes Tippen auf ein interaktives Element auf einem Gerät mit Touchscreen.
• Jeden Tastendruck auf einer physischen Tastatur oder einer Bildschirmtastatur.

Laut der web.dev-Dokumentation von Google liegt ein guter INP-Wert bei etwa 200 Millisekunden oder darunter.

Hinweis: INP hat FID im März 2024 ersetzt. Falls du eine Meldung von Google zu INP-Problemen auf deiner Website erhältst, überprüfe deine Website und stelle sicher, dass sie den aktuellen Best Practices folgt (ausführliche Informationen dazu findest du unter „Core Web Vitals Best Practices").

TTFB

TTFB misst, wie lange es dauert, bis der Server das erste Byte überträgt.

TTFB gilt seit Langem als möglicher Hebel für deutliche Leistungssteigerungen. Deshalb sollten SEO-Fachleute die Optimierung von TTFB als festen Teil ihres SEO-Prozesses einplanen.

Core Web Vitals bewerten

Beim Messen der Core Web Vitals kannst du Labor- oder Felddaten verwenden. Labordaten stammen aus Tools, die einen Seitenaufruf und eine Interaktion simulieren. Felddaten stammen aus den tatsächlichen Interaktionen echter Nutzer mit deiner Website. Empfehlenswert sind reale Kennzahlen wie Real User Monitoring (RUM) statt Labortests, weil du deine Website so genauer optimieren kannst. Zum Messen deiner Website eignet sich der CRuX-Datensatz von Google besonders gut, denn Google misst die Core Web Vitals damit selbst.

CLS und LCP lassen sich sowohl im Labor als auch im Feld messen. FID kann nur im Feld gemessen werden, weil eine echte Person mit dem Inhalt interagieren muss. Wir empfehlen dir dringend, jede Seite deiner Website zu testen.

Die folgenden Tools kannst du zum Messen der Core Web Vitals verwenden:

Feld-Tools:

• Chrome User Experience Report (empfohlen)
• PageSpeed Insights (nur bei ausreichend CRuX-Daten; sonst ist es ein Labor-Tool)
• Search Console (Core-Web-Vitals-Bericht)
• Web-Vitals-JavaScript-Bibliothek

Labor-Tools:

• Chrome DevTools / Lighthouse
• PageSpeed Insights

Hinweis: Das WebPage-Test-Tool von Google gilt in der Branche nicht mehr als empfohlenes Tool. Mehr zu den Unterschieden zwischen Lighthouse und Core Web Vitals findest du unter „Lighthouse and Core Web Vitals Comparison".

Ideale Werte

Damit eine Seite deiner Website als bestanden gilt, muss sie alle folgenden Werte im 75. Perzentil erreichen:

• CLS: Layout-Shift-Wert von 0,1 oder weniger
• FID: 0,1 Sekunden oder weniger
• LCP: 2,5 Sekunden oder weniger

Derzeit bestehen nur 20 % der Websites alle drei Werte. Wie du deine Website optimierst, erfährst du unter „Core Web Vitals Best Practices".