Performance SEO 04. April 2026 · 12 Min. Lesezeit

Core Web Vitals erklärt: LCP, CLS und INP einfach verstehen

Seit 2021 fließen Core Web Vitals als direkter Rankingfaktor in Googles Algorithmus ein. Was bedeuten LCP, CLS und INP konkret — und wie verbessert man sie? Dieser Artikel gibt dir einen vollständigen Überblick.

Core Web Vitals LCP CLS FID erklärt SEO Performance

Was sind Core Web Vitals?

Core Web Vitals sind eine Gruppe von drei Performance-Metriken, die Google 2020 vorgestellt und 2021 als offiziellen Ranking-Faktor eingeführt hat. Sie messen die Nutzererfahrung einer Website aus der Perspektive eines echten Besuchers: Wie schnell wird die Seite sichtbar? Springt Inhalt ungewollt? Wie reaktionsschnell ist die Seite?

Google nennt diese drei Metriken zusammen als Teil des sogenannten Page Experience Signals — zusammen mit Mobile-Friendliness, HTTPS und dem Fehlen von intrusiven Interstitials. Ein gutes Abschneiden bei Core Web Vitals kann kein schlechtes Ranking durch fehlenden relevanten Content ausgleichen, aber es kann bei annähernd gleicher Relevanz den entscheidenden Unterschied machen.

Aktueller Stand (2026)

Seit März 2024 hat Google FID (First Input Delay) durch INP (Interaction to Next Paint) ersetzt. Wer noch FID in seinen Reports sieht, analysiert historische Daten. Die aktuellen drei Core Web Vitals sind: LCP, CLS und INP.

Die drei Core Web Vitals im Detail

LCP

Largest Contentful Paint

Wie schnell wird der größte Inhalt sichtbar?

✓ Gut: ≤ 2,5 s ⚠ Verbesserungsbedarf: 2,5–4 s ✗ Schlecht: > 4 s

LCP misst die Zeit vom Start des Seitenladens bis der größte sichtbare Inhalt gerendert wird — meistens ein großes Bild, ein Video-Thumbnail oder ein großer Textblock. Das Ziel: unter 2,5 Sekunden für 75% der Besucher.

Häufige Ursachen für schlechten LCP: Großes, nicht optimiertes Hero-Bild, langsamer Server (hoher TTFB), render-blockierende JavaScript/CSS, kein Preload für kritische Ressourcen.

CLS

Cumulative Layout Shift

Springt der Inhalt während des Ladens?

✓ Gut: ≤ 0,1 ⚠ Verbesserungsbedarf: 0,1–0,25 ✗ Schlecht: > 0,25

CLS misst, wie viel sich der sichtbare Inhalt einer Seite unerwartet verschiebt. Ein CLS von 0 bedeutet kein Springen; 0,1 ist das Maximum für eine gute Bewertung. Du kennst das Problem: Ein Banner lädt nach, drückt den Text nach unten, du klickst auf den falschen Link.

Häufige Ursachen für schlechten CLS: Bilder ohne explizite Breite/Höhe, Werbebanner die nachgeladen werden, Web-Fonts die Layout-Verschiebung verursachen (FOUT), dynamisch eingefügte Inhalte oberhalb bestehender Elemente.

INP

Interaction to Next Paint

Wie schnell reagiert die Seite auf Interaktionen?

✓ Gut: ≤ 200 ms ⚠ Verbesserungsbedarf: 200–500 ms ✗ Schlecht: > 500 ms

INP ersetzt seit März 2024 den veralteten FID. Es misst die Reaktionszeit auf alle Nutzerinteraktionen (Klicks, Taps, Tastatureingaben) über die gesamte Sitzung — nicht nur die erste. Der schlechteste Wert wird als Gesamtwert genommen.

Häufige Ursachen für schlechten INP: Schweres, synchrones JavaScript, lange Tasks im Haupt-Thread, zu viele Third-Party-Scripts (Analytics, Chat-Widgets, Ad-Scripts), unoptimiertes Event-Handling.

Wie misst man Core Web Vitals?

Google unterscheidet zwischen zwei Arten von Daten:

1. Field Data (echte Nutzerdaten)

Field Data basiert auf realen Besucher-Daten, die Google über den Chrome User Experience Report (CrUX) sammelt. Diese Daten spiegeln wider, was echte Nutzer erleben — auf verschiedenen Geräten, Netzwerken und Standorten. Nur Field Data fließt direkt in das Google-Ranking ein.

Tools für Field Data:

Google Search Console — "Core Web Vitals" Bericht zeigt URL-Gruppen mit gutem, schlechtem oder verbesserungswürdigem Status
PageSpeed Insights (oben im Bericht, wenn genug Daten vorhanden) — zeigt Field-Daten für die spezifische URL
Chrome User Experience Report (über BigQuery) — für detaillierte Analysen

2. Lab Data (Synthetische Messungen)

Lab Data misst die Performance in einer kontrollierten Umgebung. Diese Daten spiegeln nicht zwingend die echte Nutzererfahrung wider, sind aber sehr nützlich für die Ursachenanalyse und Optimierung.

Tools für Lab Data:

PageSpeed Insights (unterer Teil des Berichts) — powered by Lighthouse
Lighthouse (direkt in Chrome DevTools → Tab "Lighthouse") — ausführlichste Analyse
WebPageTest — Detailanalyse mit Wasserfall-Diagramm

💡 Wo anfangen?

Öffne die Google Search Console unter "Erfahrung → Core Web Vitals" und schau dir die URL-Gruppen mit "Schlecht" an. Das sind die Seiten mit dem größten Handlungsbedarf. Dann öffne PageSpeed Insights für eine konkrete URL um die Ursachen zu sehen.

Core Web Vitals verbessern: Die wichtigsten Maßnahmen

LCP verbessern

Bilder komprimieren und in modernen Formaten anliefern. WebP ist bis zu 30% kleiner als JPEG bei gleicher Qualität. Für Bilder über 100 KB immer WebP oder AVIF verwenden.
Hero-Bild preloaden. Füge <link rel="preload" as="image" href="hero.webp"> im <head> ein. Das weist den Browser an, das Bild sofort zu laden.
Server-Antwortzeit (TTFB) reduzieren. Ein CDN, serverseitiges Caching oder ein schnellerer Hosting-Anbieter helfen direkt beim LCP.
Render-blockierende Ressourcen entfernen. CSS und JS, die den Browser am Rendern hindern, direkt im HTML vermeiden.
Lazy Loading nur für Below-the-Fold-Bilder. Das Hero-Bild darf nie loading="lazy" haben — das verzögert genau den LCP-Inhalt.

CLS verbessern

Bildabmessungen immer angeben. Jedes <img>-Tag braucht width und height Attribute, damit der Browser Platz reserviert, bevor das Bild geladen ist.
Werbeflächen reservieren. Wenn Ads dynamisch geladen werden, reserviere den Platz via CSS min-height. Ohne reservierten Platz springt der Inhalt beim Ad-Load.
Font-Verschiebungen mit font-display: optional minimieren. font-display: optional verhindert Layout-Shifts durch Web-Font-Ladezeiten.
Keine Inhalte dynamisch über bestehende Elemente einfügen, es sei denn als Reaktion auf eine Nutzerinteraktion.

INP verbessern

JavaScript in kleinere Chunks aufteilen. Große JavaScript-Bundles blockieren den Haupt-Thread. Code-Splitting mit modernen Build-Tools hilft.
Lange Tasks vermeiden. Jede Aufgabe im Haupt-Thread, die länger als 50 ms dauert, ist eine "Long Task" und blockiert Nutzer-Interaktionen. Nutze Chrome DevTools → Performance-Tab um sie zu finden.
Third-Party-Scripts reduzieren. Analytics, Chat-Widgets, Social-Buttons und Ad-Scripts können den INP massiv verschlechtern. Prüfe, ob alle wirklich nötig sind, und lade sie wenn möglich asynchron oder mit Delay.
Event-Handler optimieren. Komplexe Berechnungen in Event-Handlern (z.B. onClick) sollten in Web Workers oder in kleinere, nicht-blockierende Tasks aufgeteilt werden.

Core Web Vitals und Mobile-First

Google bewertet Core Web Vitals getrennt für Desktop und Mobile. Da Google seit 2021 vollständig auf Mobile-First Indexing umgestellt hat, sind die Mobile-Werte entscheidend. Viele Websites haben auf Desktop sehr gute Core Web Vitals, aber auf Mobile — wo die Mehrheit der Besucher kommt — schlechte Werte.

Prüfe deshalb immer sowohl Desktop- als auch Mobile-Werte in PageSpeed Insights. Besonders CLS und LCP unterscheiden sich oft stark: Auf Mobile laden Bilder langsamer und Layout-Shifts fallen mehr auf, weil der Viewport kleiner ist. Mehr dazu im Artikel über Mobile-Optimierung.

Wie stark beeinflussen Core Web Vitals das Ranking?

Google hat nie genaue Gewichtungen veröffentlicht. In der Praxis zeigen Studien und Google-Aussagen, dass Core Web Vitals ein "Tiebreaker-Signal" sind: Bei sehr ähnlicher Relevanz und Qualität kann ein gutes Page Experience Signal den Ausschlag geben. Eine Seite mit exzellentem Content und schlechten Core Web Vitals wird in der Regel trotzdem gut ranken.

Interessanter ist der indirekte Effekt: Seiten mit schlechter Performance haben höhere Absprungraten. Nutzer, die eine Seite verlassen, weil sie zu langsam ist oder der Inhalt springt, senden negative Nutzersignale. Das wiederum kann langfristig das Ranking beeinflussen.

Laut Google-Studie steigt die Absprungrate um 32%, wenn die Ladezeit von 1 auf 3 Sekunden steigt — und um 90%, wenn sie auf 5 Sekunden steigt. Gute Core Web Vitals sind also nicht nur ein Ranking-Signal, sondern direkt gut für deinen Umsatz.

Checkliste: Core Web Vitals optimieren

Search Console öffnen → Core Web Vitals Bericht prüfen → Problematische URL-Gruppen identifizieren
PageSpeed Insights für die schlechtesten URLs aufrufen → Field Data + Lab Data analysieren
LCP-Element identifizieren (im Lighthouse-Report angegeben) → Preload + Bildoptimierung
CLS-Quellen finden (Chrome DevTools → Performance → Layout Shifts) → Width/Height bei Bildern ergänzen
INP prüfen → Third-Party-Scripts auf Notwendigkeit prüfen → Lange Tasks in DevTools suchen
Nach Änderungen: Neuen Lighthouse-Test durchführen und Field Data in Search Console beobachten

Willst du schnell einen Überblick über die Performance und SEO-Qualität deiner Website? Mit der kostenlosen Shift07 SEO-Analyse siehst du sofort die wichtigsten Probleme — von langsamen Ladezeiten über fehlende Meta-Tags bis hin zu technischen Problemen wie einer falsch konfigurierten robots.txt.

Website-Performance jetzt prüfen

Shift07 analysiert deine Website auf Performance-Probleme, fehlende Meta-Tags, robots.txt-Fehler und mehr. Kostenlos, ohne Anmeldung.

Jetzt kostenlos analysieren