Core Web Vitals 2026: Was Google wirklich bewertet

Seit 2021 fließen Core Web Vitals direkt in Googles Ranking-Algorithmus ein. Wer schlechte Werte hat, verliert Sichtbarkeit — unabhängig von der inhaltlichen Qualität seiner Website. 2026 sind drei Metriken entscheidend: LCP, INP und CLS. Dieser Artikel erklärt, was sie bedeuten, wie Sie sie messen und welche Maßnahmen wirklich helfen.

LCP — Largest Contentful Paint

LCP misst, wie schnell das größte sichtbare Element einer Seite geladen wird — meist ein Bild oder eine Überschrift. Zielwert: unter 2,5 Sekunden. Die häufigsten Ursachen für schlechte LCP-Werte sind zu große Bilder, langsamer Server-Response (TTFB über 600 ms), blockierendes JavaScript und fehlende Preload-Direktiven für kritische Ressourcen.

• Bilder im WebP-Format mit srcset für verschiedene Bildschirmgrößen
• Preload für das Hero-Bild im HTML-Head: <link rel='preload' as='image'>
• Server-Side Rendering oder Static Generation statt Client-Side Rendering
• CDN nutzen: Inhalte geografisch näher beim Nutzer ausliefern

INP — Interaction to Next Paint

INP ersetzt seit März 2024 den alten FID-Wert und misst die Reaktionszeit auf Nutzerinteraktionen — Klicks, Tippen, Scrollen. Zielwert: unter 200 Millisekunden. Träge JavaScript-Ausführung und schwere Drittanbieter-Skripte (Analytics, Chat-Widgets, Werbung) sind die häufigsten Problemquellen. INP ist die Metrik, bei der die meisten Websites noch Nachholbedarf haben.

• Schwere JavaScript-Bibliotheken durch leichtere Alternativen ersetzen
• Drittanbieter-Skripte asynchron laden und verzögern (z.B. Analytics erst nach Interaktion)
• Long Tasks (>50ms) im Chrome DevTools Performance-Tab identifizieren und aufteilen
• React/Next.js: Code Splitting und dynamische Imports nutzen

CLS — Cumulative Layout Shift

CLS misst, wie stark sich der Seiteninhalt beim Laden visuell verschiebt — wenn ein Button plötzlich nach unten springt während Sie ihn klicken wollen. Zielwert: unter 0,1. Bilder ohne definierte Abmessungen, nachträglich geladene Werbebanner und Web Fonts ohne font-display sind typische CLS-Verursacher.

• Alle Bilder und Videos mit width und height Attributen versehen
• Font-Display: swap in CSS verwenden, um Layout-Shifts durch Schriftarten zu vermeiden
• Werbeplätze mit fester Höhe reservieren bevor Content geladen ist
• Animationen nur auf transform und opacity statt auf layout-affektierenden Eigenschaften

Wie Sie Ihre Werte messen

• Google PageSpeed Insights — kostenlos, zeigt Feld- und Labordaten
• Google Search Console → Core Web Vitals Bericht — reale Nutzerdaten aus Chrome
• Chrome DevTools → Lighthouse Tab für lokale Analyse
• CrUX Dashboard — historische Entwicklung Ihrer Werte über Zeit

Die 5 wirksamsten Optimierungen für 2026

• Bilder in WebP konvertieren und width/height setzen — größte Wirkung auf LCP und CLS
• JavaScript-Bundles aufteilen (Code Splitting) — direkte INP-Verbesserung
• Drittanbieter-Skripte mit Consent Management verzögern — INP und LCP
• Schnelles Hosting mit Server-Side Caching und CDN — LCP und TTFB
• Google Fonts lokal hosten — CLS und keine Datenschutz-Problematik

Wie viel bringt eine Optimierung für das Ranking?

Google hat bestätigt, dass Core Web Vitals ein Ranking-Faktor sind — aber kein dominanter. Inhaltliche Relevanz bleibt wichtiger. Der indirekte Effekt ist jedoch erheblich: bessere Ladezeiten senken die Absprungrate, erhöhen die Verweildauer und verbessern Conversion Rates. Seiten mit sehr schlechten Core Web Vitals verlieren messbar Sichtbarkeit gegenüber vergleichbaren Konkurrenten.