Core Web Vitals sind drei Kennzahlen, mit denen Google misst, wie sich eine Seite für echte Besucher anfühlt: Wie schnell erscheint der Hauptinhalt? Wie schnell reagiert die Seite auf Klicks? Und springt das Layout beim Laden herum?
Kurz gesagt
Die drei Werte heißen LCP (Ladezeit des Hauptinhalts, Ziel: höchstens 2,5 Sekunden), INP (Reaktionszeit, Ziel: höchstens 200 Millisekunden) und CLS (Layoutverschiebung, Ziel: höchstens 0,1). Prüfe sie mit PageSpeed Insights und kümmere dich zuerst um den Wert, der rot oder orange ist.
Die drei Werte im Überblick
LCP: Largest Contentful Paint
Misst, wann das größte sichtbare Element im oberen Bereich der Seite geladen ist, meist ein großes Bild oder eine Überschrift. Gut: bis 2,5 Sekunden. Schlecht: über 4 Sekunden.
Typische Ursachen für schlechte Werte: zu große Titelbilder, langsamer Server, kein Caching, viele Skripte, die vor dem Inhalt geladen werden.
INP: Interaction to Next Paint
Misst, wie schnell die Seite sichtbar reagiert, wenn jemand klickt, tippt oder eine Taste drückt. Gut: bis 200 Millisekunden. Schlecht: über 500 Millisekunden. INP hat im März 2024 den früheren Wert FID abgelöst.
Typische Ursachen: viel JavaScript, zum Beispiel durch Page-Builder-Effekte, Tracking-Skripte, Chat-Widgets oder Slider.
CLS: Cumulative Layout Shift
Misst, wie stark Inhalte beim Laden verrutschen. Du kennst das: Du willst auf einen Link tippen, und genau in dem Moment schiebt ein nachladendes Bild alles nach unten. Gut: bis 0,1. Schlecht: über 0,25.
Typische Ursachen: Bilder ohne festgelegte Breite und Höhe, nachladende Banner oder Cookie-Hinweise, Schriften, die nach dem Laden wechseln.
Die drei Kennzahlen und ihre Grenzwerte (Schematische Darstellung)
Labordaten und Felddaten: zwei Arten von Messwerten
PageSpeed Insights zeigt dir oft zwei Bereiche:
-
•
Felddaten („Was deine echten Nutzer erleben“) stammen von Chrome-Nutzern der letzten 28 Tage. Google bewertet eine Seite als gut, wenn mindestens 75 Prozent der Seitenaufrufe die Grenzwerte erreichen. Kleine Websites haben oft zu wenige Besucher, dann fehlt dieser Bereich.
-
•
Labordaten (der Performance-Wert von 0 bis 100) entstehen bei einer einmaligen Testmessung. Sie eignen sich gut, um Ursachen zu finden und Änderungen sofort zu überprüfen.
INP lässt sich nur mit echten Besuchern messen. In den Labordaten siehst du stattdessen die „Total Blocking Time“ als Hinweis auf zu viel JavaScript.
Schritt für Schritt: Core Web Vitals prüfen
-
1
Rufe PageSpeed Insights auf und gib eine wichtige Seite ein, zum Beispiel deine Startseite.
-
2
Wähle oben die Ansicht „Mobil“. Die meisten Besucher kleiner Unternehmen kommen über das Smartphone, und Google bewertet vorrangig die mobile Version.
-
3
Lies zuerst die Felddaten, falls vorhanden. Sonst schau auf die Labordaten.
-
4
Unter „Diagnose“ findest du konkrete Hinweise, zum Beispiel welches Element das LCP-Element ist.
-
5
Wenn die Google Search Console eingerichtet ist, zeigt der Bericht „Core Web Vitals“, welche Seitengruppen betroffen sind.
Was du gegen schlechte Werte tun kannst
LCP verbessern
-
•
Titelbild verkleinern und als WebP ausliefern (siehe Bilder optimieren).
-
•
Das Titelbild nicht per Lazy Loading verzögern. Es soll sofort geladen werden.
-
•
Caching aktivieren und die Server-Antwortzeit prüfen (siehe WordPress schneller machen).
INP verbessern
-
•
Nicht benötigte Plugins und Effekte entfernen, vor allem Animationen, Slider und Popups.
-
•
Externe Skripte wie Chat oder Tracking prüfen. Viele lassen sich verzögert oder erst nach Einwilligung laden.
CLS verbessern
-
•
Bilder mit Breiten- und Höhenangabe einbinden. WordPress macht das bei Bildern aus der Mediathek automatisch, Page-Builder nicht immer.
-
•
Für Banner, Werbung oder eingebettete Inhalte festen Platz reservieren.
-
•
Den Cookie-Hinweis so gestalten, dass er über dem Inhalt erscheint und nichts verschiebt.
Ein Handwerksbetrieb verbessert den LCP (fiktiv)
PageSpeed Insights zeigt mobil einen LCP von 4,6 Sekunden. Das LCP-Element ist ein Slider mit drei großen Fotos. Der Betrieb ersetzt den Slider durch ein einzelnes, auf 1.600 Pixel verkleinertes WebP-Bild und aktiviert das Caching beim Hoster. Die erneute Labormessung zeigt einen LCP von 2,2 Sekunden. Nach einigen Wochen meldet die Search Console die mobilen Seiten als „gut“.
Wie wichtig sind Core Web Vitals für das Ranking?
Google nennt die Core Web Vitals als Teil der Seitennutzererfahrung, die von den Ranking-Systemen belohnt wird. Sie sind aber nicht der wichtigste Faktor: Eine schnelle Seite mit schwachem Inhalt rankt nicht automatisch gut. Bessere Werte helfen vor allem deinen Besuchern, und genau deshalb lohnen sie sich.
Wann du nichts ändern musst
Ein Performance-Wert von 100 ist kein Ziel an sich. Wenn alle drei Core Web Vitals im grünen Bereich sind, ist es meist sinnvoller, Zeit in Inhalte zu stecken als in die letzten Punkte.
Woran du erkennst, dass es funktioniert hat
Die Labordaten in PageSpeed Insights verbessern sich sofort nach einer Änderung. Die Felddaten und der Bericht in der Search Console ziehen erst nach und nach mit, weil sie einen Zeitraum von 28 Tagen abbilden. Rechne mit einigen Wochen, bis sich eine Verbesserung dort zeigt.
Passende Anleitungen
Quellen und weiterführende Links