Technisches SEO · Performanceaus Hamburg-Uhlenhorst
Core Web Vitals 2026: LCP, CLS und INP vollständig erklärt
Core Web Vitals sind drei von Google definierte Metriken, die die reale Nutzererfahrung einer Website messen: LCP (Ladegeschwindigkeit, Ziel unter 2,5 s), INP (Reaktionszeit, Ziel unter 200 ms) und CLS (visuelle Stabilität, Ziel unter 0,1). Seit Juni 2021 sind sie offizieller Google-Ranking-Faktor, 2026 auch GEO-relevant. Mit interaktivem Optimierungsplan-Generator für dein konkretes Problem.
Was sind Core Web Vitals, und warum sind sie Ranking-Faktor?
Core Web Vitals (CWV) sind drei von Google definierte Metriken, die die reale Nutzererfahrung einer Website messen: LCP (Ladegeschwindigkeit), INP (Reaktionsfähigkeit) und CLS (visuelle Stabilität). Seit Juni 2021 sind sie offizieller Google-Ranking-Faktor im Page Experience Update, rund 45 Prozent der Websites bestehen sie nicht.
Core Web Vitals messen nicht, ob eine Website technisch korrekt gebaut ist, sondern ob sie sich gut anfühlt. Googles interne Daten zeigen: Nutzer verlassen langsame, instabile Seiten schneller und konvertieren schlechter, pro Extra-Sekunde Ladezeit auf Mobile sinken Conversions um rund 7 Prozent. 2026 kommt ein zweiter Grund dazu: KI-Crawler von Perplexity, Google und anderen bevorzugen schnell ladende, technisch saubere Seiten, gute Core Web Vitals sind damit zugleich gutes GEO.
LCP, CLS und INP: alle drei Metriken auf einen Blick
Jede Metrik misst eine andere Dimension: LCP (Largest Contentful Paint) die Ladezeit des größten Elements, INP (Interaction to Next Paint) die Reaktionszeit auf Klicks, CLS (Cumulative Layout Shift) die visuelle Stabilität. Alle drei müssen grün sein für den vollen Ranking-Vorteil. INP ersetzte im März 2024 den alten FID.
Wann ist das größte sichtbare Element (meist Hero-Bild oder H1) geladen? Aus Nutzersicht: „Wann ist die Seite fertig?“
Wie schnell reagiert die Seite auf Klicks, Taps und Tastendrücke, über die gesamte Sitzung? Ersetzt seit März 2024 den FID.
Wie stark verschieben sich Elemente während des Ladens? Aus Nutzersicht: „Springt alles herum?“
Field Data vs. Lab Data: Google bewertet immer Field Data, echte Chrome-Nutzerdaten aus dem CrUX-Report, nicht die simulierten Lab-Werte aus PageSpeed Insights. Seiten mit wenig Traffic haben oft keine Field Data, dann zeigt PageSpeed Insights nur Lab Data.
Wie verbesserst du den LCP-Wert konkret und nachhaltig?
LCP verbessern durch: Hero-Bild im WebP-Format komprimieren plus Preload-Hinweis im Header, Render-blocking CSS und JavaScript mit defer/async laden, Hosting mit niedrigem TTFB (unter 800 ms), CDN für statische Ressourcen und aktives Browser-Caching. LCP ist der wichtigste Core Web Vital für Rankings.
PageSpeed Insights → Labordiagnose → „Größtes sichtbares Element“. Meist Hero-Bild, H1 oder Banner.
WebP statt JPG/PNG (25–35 % kleiner), auf Darstellungsgröße skalieren, loading="eager", nie Lazy Loading auf dem LCP-Element.
Im Head vor allen Skripten, damit der Browser es zuerst lädt.
Caching-Plugin, Managed Hosting, CDN (Cloudflare kostenlos), aktuelle PHP-Version (8.2+).
Critical CSS inline, JavaScript mit defer/async, Third-Party-Scripts lazy, Fonts lokal hosten.
Wie verhinderst du springende Elemente und verbesserst den CLS?
CLS verbessern durch: alle Bilder mit width- und height-Attributen versehen, Werbeplätze mit festen CSS-Dimensionen reservieren, Fonts mit font-display:swap plus Preload laden und dynamische Inhalte wie Cookie-Banner mit reserviertem Platz einfügen, nie Inhalte über bestehende schieben.
| CLS-Ursache | Fix |
|---|---|
| Bilder ohne Dimensionen | immer width + height setzen, ergänzend aspect-ratio per CSS |
| Werbebanner & iframes | Platz mit min-height reservieren (z. B. 250 px), bevor die Anzeige lädt |
| Web Fonts ohne font-display | font-display:swap + Preload, oder Fonts lokal hosten |
| Cookie-Banner & Notifications | position:fixed statt Layout-Push, feste Dimensionen |
Wie verbesserst du den INP und machst deine Website reaktiver?
INP verbessern durch: JavaScript-Ausführung optimieren (keine Long Tasks über 50 ms im Main Thread), Third-Party-Scripts reduzieren oder lazy laden, Code Splitting für JavaScript-Bundles und den Google Tag Manager aufräumen. INP ist der technisch anspruchsvollste Core Web Vital.
| INP-Verursacher | Maßnahme |
|---|---|
| Long Tasks über 50 ms | JavaScript in kleinere Chunks aufteilen (Code Splitting) |
| Third-Party-Scripts | Chat, Tracking & Co. erst nach Interaktion laden, Notwendigkeit prüfen |
| Überladener Tag Manager | nicht mehr genutzte Tags entfernen, Trigger straffen |
| Unnötige Event-Listener | Scroll-/Resize-Events debouncen, DOM-Updates minimieren |
Diagnose in der Praxis: Chrome DevTools → Performance → Seite neu laden → lange rote Blöcke (Long Tasks) zeigen, welche Funktionen den Main Thread blockieren. Alternativ die Web-Vitals-Chrome-Extension als Live-Overlay.
Wie misst du Core Web Vitals, und welche Tools gibt es?
Core Web Vitals misst du mit Google PageSpeed Insights (einfachster Einstieg, Field plus Lab Data), dem Core-Web-Vitals-Bericht der Search Console (Field Data für alle Seiten), Chrome DevTools Lighthouse (detaillierte Lab-Diagnose) und der Web-Vitals-Chrome-Extension (Echtzeit-Overlay). Alle vier sind kostenlos.
| Tool | Datentyp | Granularität | Ideal für |
|---|---|---|---|
| PageSpeed Insights | Field + Lab | einzelne URL | erste Analyse einer URL |
| Search Console (CWV-Bericht) | Field Data | alle Seiten | Website-Übersicht & Trends |
| Lighthouse / DevTools | Lab Data | einzelne URL | detaillierte Ursachen-Analyse |
| Web Vitals Extension | Real User | live | schnelle Echtzeit-Prüfung |
| WebPageTest | Lab Data | einzelne URL | Wasserfall-Deep-Dives |
Wichtig fürs Monitoring: Die Field Data der Search Console basiert auf einem 28-Tage-Fenster, Verbesserungen werden dort erst nach rund vier Wochen vollständig sichtbar. Mehr zur Einrichtung: Google Search Console.
Wähle dein größtes Problem, erhalte deinen persönlichen Aktionsplan
Wähle, welcher Core Web Vital rot ist und auf welchem System deine Website läuft, und du bekommst sofort einen priorisierten Maßnahmenplan mit Aufwandsschätzung.
Empfehlungen basieren auf typischen CWV-Ursachen. Die exakte Diagnose erfordert eine Analyse deiner spezifischen Website, gern in der kostenlosen Analyse.
Wie verbesserst du Core Web Vitals konkret bei WordPress?
WordPress Core Web Vitals verbessern: WP Rocket oder LiteSpeed Cache installieren (LCP, INP), Smush oder ShortPixel für Bilder (LCP), Google Fonts lokal hosten mit OMGF (CLS), schwere Plugins deinstallieren (INP) und Managed Hosting mit niedrigem TTFB wählen (LCP).
loading="eager" und fetchpriority="high", nie lazy auf dem LCP-Element.Sind deine Core Web Vitals grün?
Wir analysieren LCP, CLS und INP deiner Website, priorisieren nach Impact und implementieren die Fixes, von der Diagnose bis zur Umsetzung, ehrlich und ohne Verkaufsdruck.
Häufige Fragen zu Core Web Vitals
Was sind Core Web Vitals einfach erklärt?
Sind Core Web Vitals ein direkter Ranking-Faktor?
Was ist der Unterschied zwischen Field Data und Lab Data?
Was ist der wichtigste Core Web Vital?
Was hat INP mit FID zu tun?
Warum zeigt PageSpeed Insights gute Werte, die Search Console aber schlechte?
Wie lange dauert es, bis Verbesserungen sichtbar werden?
Helfen Core Web Vitals auch für GEO und KI-Sichtbarkeit?
Core Web Vitals grün, von der Diagnose bis zur Umsetzung
LCP, CLS und INP aus einer Hand
- Vollständige CWV-Analyse mit Impact-Priorisierung
- Implementierung der Fixes, messbar in Search Console
- Google Partner · 5,0 aus 47+ · 220+ Projekte DACH
