Core Web Vitals: LCP, INP und CLS einfach erklärt
Core Web Vitals sind drei Messwerte, mit denen Google die Nutzererfahrung einer Seite bewertet: LCP für die Ladezeit, INP für die Reaktion auf Eingaben und CLS für die optische Stabilität. Gemessen wird mit Daten echter Chrome-Nutzer. Gute Werte sind ein Ranking-Signal, vor allem bei ähnlich guten Inhalten.
Die drei Werte und ihre Grenzwerte
| Messwert | Was er misst | Gut | Schlecht |
|---|---|---|---|
| LCP | Wann das größte sichtbare Element geladen ist (Largest Contentful Paint) | bis 2,5 s | über 4,0 s |
| INP | Wie schnell die Seite auf Klicks und Eingaben reagiert (Interaction to Next Paint) | bis 200 ms | über 500 ms |
| CLS | Wie stark Inhalte beim Laden verrutschen (Cumulative Layout Shift) | bis 0,1 | über 0,25 |
Eine Seite besteht, wenn 75 % der Besuche die Grenzwerte einhalten. INP hat im März 2024 den früheren Wert FID ersetzt.
Labor- und Felddaten
PageSpeed Insights zeigt zwei Dinge: oben die Felddaten echter Nutzer (die zählen für Google), darunter einen Labortest mit Punktzahl. Der Labortest misst kein INP, sondern ersatzweise die Blockierzeit (TBT). Die Punktzahl schwankt zwischen Messungen, daher immer mehrere Läufe vergleichen.
Auf der Startseite von promeseo.com war ein Hintergrundvideo das größte Element. Die Mobil-Punktzahl schwankte deshalb zwischen 72 und 89. Wir haben ein 4,7 KB kleines Vorschaubild (Poster) vor das Video gesetzt. Seitdem ist das Bild das LCP-Element: LCP 1,8 s, Punktzahl 98–99.
Ein zweiter Test zeigte, dass nicht jeder Tipp hilft: JavaScript verzögert zu laden machte den ersten Seitenaufbau schneller, verschlechterte aber den LCP von 1,8 auf 2,1 Sekunden. Wir haben die Änderung zurückgenommen.
Häufige Fragen
Wie wichtig sind Core Web Vitals für das Ranking?
Sie sind ein Faktor unter vielen. Bei ähnlich guten Inhalten können sie den Ausschlag geben; schlechte Inhalte retten sie nicht.
Wo sehe ich meine Werte?
In der Google Search Console unter „Core Web Vitals“ und in PageSpeed Insights.
Was verbessert den LCP am meisten?
Meist ein kleines, früh geladenes Hauptbild, ein schneller Server und weniger blockierendes CSS und JavaScript.