Core Web Vitals 2024: Was sich ändert und wie du dich vorbereitest

Core Web Vitals sind Googles Metriken für Nutzererfahrung. Sie beeinflussen direkt dein Ranking. 2024 gibt es wichtige Änderungen, die du kennen musst.

Die drei Core Web Vitals

LCP – Largest Contentful Paint

Misst, wie lange es dauert, bis der größte sichtbare Inhalt (meist ein Bild oder Textblock) geladen ist. Zielwert: unter 2,5 Sekunden.

INP – Interaction to Next Paint (NEU 2024)

INP ersetzt FID (First Input Delay) und misst die Reaktionsfähigkeit während der gesamten Seitennutzung – nicht nur bei der ersten Interaktion. Zielwert: unter 200 Millisekunden.

CLS – Cumulative Layout Shift

Misst visuelle Stabilität. Springende Elemente während des Ladens führen zu schlechten CLS-Werten. Zielwert: unter 0,1.

Metrik	Gut ✅	Verbesserung nötig ⚠️	Schlecht ❌
LCP	≤ 2,5s	2,5s – 4s	> 4s
INP	≤ 200ms	200ms – 500ms	> 500ms
CLS	≤ 0,1	0,1 – 0,25	> 0,25

INP verstehen und optimieren

Der Wechsel von FID zu INP ist die größte Änderung 2024. INP ist strenger: Es misst ALLE Interaktionen, nicht nur die erste. Websites, die bei FID gut abschnitten, können bei INP durchfallen.

INP-Optimierungstipps:

• JavaScript aufteilen und lazy loaden
• Event Handler optimieren (debouncing, throttling)
• Schwere Berechnungen in Web Workers auslagern
• Third-Party-Scripts minimieren oder verzögern
• Long Tasks identifizieren und aufbrechen

LCP optimieren

• Bilder im modernen Format (WebP, AVIF) ausliefern
• Hero-Bild mit hoher Priorität laden (fetchpriority=“high”)
• Server Response Time unter 200ms halten
• Critical CSS inline ausliefern
• Render-blocking Resources eliminieren

CLS optimieren

• Immer Breite und Höhe für Bilder angeben
• Platzhalter für dynamische Inhalte reservieren
• Fonts mit font-display: swap laden
• Keine Inhalte über bestehendem Content einfügen
• Animationen mit transform statt position verwenden

Wichtig zu wissen Google nutzt Field Data (echte Nutzerdaten) für Rankings, nicht Lab Data. Du brauchst ausreichend Traffic, damit deine Seite in den Chrome User Experience Report aufgenommen wird. PageSpeed Insights zeigt beide Datenquellen.

Tools zur Messung

• PageSpeed Insights: Kombination aus Lab und Field Data
• Search Console: Core Web Vitals Report für deine gesamte Domain
• Chrome DevTools: Performance Panel für detaillierte Analyse
• Web Vitals Extension: Echtzeit-Messung im Browser

Fazit

Core Web Vitals sind kein Trend, sondern dauerhafte Ranking-Faktoren. Mit dem Wechsel zu INP wird die Interaktivität noch wichtiger. Websites, die jetzt optimieren, sichern sich einen nachhaltigen Wettbewerbsvorteil.