Eine Website kann inhaltlich brillant sein – wenn sie langsam lädt oder beim Antippen hakt, springen Nutzer trotzdem ab. Genau hier setzen die Core Web Vitals an: drei messbare Kennzahlen, mit denen Google bewertet, wie schnell, reaktionsschnell und stabil sich eine Seite anfühlt. Sie sind ein bestätigter Rankingfaktor und zugleich ein ehrlicher Spiegel Ihrer Nutzererfahrung.
Die drei Werte heißen LCP (Ladegeschwindigkeit), INP (Reaktionsfähigkeit) und CLS (visuelle Stabilität). Als Teil des technischen SEO bilden sie das Fundament, auf dem guter Content überhaupt erst sichtbar wird. In diesem Leitfaden gehen wir jede Metrik einzeln durch – was sie misst, welche Werte gut sind und mit welchen Hebeln Sie sie gezielt verbessern.
LCP verbessern: schneller sichtbarer Hauptinhalt
LCP (Largest Contentful Paint) misst, wie lange es dauert, bis das größte sichtbare Element im Viewport geladen ist – meist das Hero-Bild oder die Überschrift. Es ist der Moment, in dem ein Besucher das Gefühl bekommt: „Die Seite ist da." Als gut gilt ein LCP von unter 2,5 Sekunden.
Die häufigsten Bremsen – und wie Sie sie lösen:
- Zu große Bilder: in modernen Formaten (WebP, AVIF) ausliefern, korrekt skalieren und komprimieren.
- Langsamer Server: schnelles Hosting, Caching und ein CDN verkürzen die Antwortzeit spürbar.
- Renderblockierende Ressourcen: kritisches CSS inline, nicht benötigtes JavaScript später laden.
- Das Hero-Bild priorisieren: mit
fetchpriority="high"vorziehen statt lazy laden.
Quick Win
Das größte Bild „above the fold" ist fast immer der LCP-Kandidat. Laden Sie genau dieses eine Bild bewusst zuerst (nicht per Lazy Loading) und liefern Sie es als WebP oder AVIF aus – das allein verkürzt den LCP oft um mehrere hundert Millisekunden.
INP verbessern: sofortige Reaktion auf jede Interaktion
INP (Interaction to Next Paint) hat 2024 den älteren Wert FID abgelöst und misst, wie schnell die Seite auf Interaktionen reagiert – Klicks, Taps, Tastatureingaben. Bewertet wird nicht der erste, sondern nahezu der langsamste Fall während des gesamten Besuchs. Ein guter INP liegt unter 200 Millisekunden.
Der Hauptgrund für schlechte INP-Werte ist lang laufendes JavaScript, das den Hauptthread blockiert. Während der Browser rechnet, kann er nicht auf den Nutzer reagieren – die Seite fühlt sich träge an. So schaffen Sie Abhilfe:
- Lange Aufgaben aufteilen in kleinere Häppchen, damit der Browser zwischendurch reagieren kann.
- Unnötiges JavaScript entfernen oder erst bei Bedarf nachladen (Code-Splitting).
- Third-Party-Skripte prüfen: Tracking, Chat-Widgets und Ads sind häufige INP-Killer.
- Aufwändige Arbeit auslagern, etwa in einen Web Worker abseits des Hauptthreads.
CLS verbessern: Schluss mit springendem Layout
CLS (Cumulative Layout Shift) misst die visuelle Stabilität: Wie stark verschieben sich Elemente unerwartet, während die Seite lädt? Jeder kennt den Ärger, wenn man auf einen Button tippen will und im letzten Moment ein Banner alles nach unten schiebt. Als gut gilt ein CLS-Wert unter 0,1.
- Feste Maße angeben: Bilder und Videos immer mit
widthundheightversehen, damit der Platz reserviert ist. - Platz für Nachgeladenes: Werbeflächen, Embeds und Banner mit reservierter Höhe einplanen.
- Schriften stabil laden: mit
font-display: swapund passenden Fallbacks das „Textspringen" vermeiden. - Nichts über bestehenden Inhalt schieben, außer als direkte Reaktion auf eine Nutzeraktion.
Die Schwellenwerte im Überblick
Core Web Vitals richtig messen
Beim Messen gibt es einen wichtigen Unterschied: Labordaten entstehen unter kontrollierten Bedingungen (z. B. in Lighthouse) und eignen sich gut zum Debuggen. Felddaten dagegen stammen von echten Nutzern und sind das, was für Ihr Ranking zählt. Für die Bewertung durch Google sind immer die Felddaten maßgeblich.
- Google Search Console: der Core-Web-Vitals-Bericht zeigt echte Felddaten Ihrer Seiten – der beste Startpunkt.
- PageSpeed Insights: kombiniert Feld- und Labordaten samt konkreter Optimierungstipps.
- Lighthouse / DevTools: für die Detailanalyse einzelner Seiten während der Entwicklung.
Optimieren Sie nie ins Blaue hinein: Messen Sie zuerst, setzen Sie an der größten Schwachstelle an und prüfen Sie den Effekt. Welche Zahlen dabei wirklich aussagekräftig sind und welche nur schön aussehen, lesen Sie in Die Kennzahlen, auf die es wirklich ankommt.
Core-Web-Vitals-Checkliste
Auf einen Blick
- Felddaten in der Search Console prüfen und Problem-URLs identifizieren.
- LCP: Hero-Bild priorisiert laden, in WebP/AVIF ausliefern, Server beschleunigen.
- INP: lange JavaScript-Aufgaben aufteilen, Third-Party-Skripte reduzieren.
- CLS: feste Maße für Bilder/Embeds, Platz für Nachgeladenes reservieren.
- Nach jeder Änderung erneut messen – am besten mit echten Felddaten.
- Ziel: LCP < 2,5 s · INP < 200 ms · CLS < 0,1.
Fazit
Gute Core Web Vitals sind kein technischer Selbstzweck, sondern das direkte Ergebnis einer Seite, die sich schnell, ruhig und verlässlich anfühlt. Wer LCP, INP und CLS im grünen Bereich hält, verliert weniger Besucher, lädt zum Bleiben ein und gibt Google zugleich ein starkes Qualitätssignal. Nehmen Sie sich die drei Werte nacheinander vor, beginnen Sie beim größten Engpass – und machen Sie das Messen zur Gewohnheit, nicht zur einmaligen Aktion.
