Kurzfassung
Core Web Vitals sind Googles Metriken: LCP (Ladegeschwindigkeit), INP (Reaktionsfähigkeit), CLS (visuelle Stabilität). Sie beeinflussen SEO und Nutzererlebnis. So messen und verbessern Sie sie 2026.
Für wen ist das
- Seitenbetreiber und Marketing-Teams mit Fokus auf SEO
- Frontend- und Full-Stack-Entwickler
- Alle, die Seitenperformance analysieren (Lighthouse, PageSpeed)
Keyword (SEO)
core web vitals, lcp, inp, cls, lighthouse, seitenperformance, ux, seo
Was sind Core Web Vitals?
Core Web Vitals sind drei Metriken, die Google für die Bewertung der Seitenqualität nutzt:
- LCP (Largest Contentful Paint) – wie schnell der Hauptinhalt lädt (Bild, Textblock). Ziel: ≤ 2,5 s.
- INP (Interaction to Next Paint) – wie schnell die Seite auf Klicks/Tastendruck reagiert (ersetzt FID). Ziel: ≤ 200 ms.
- CLS (Cumulative Layout Shift) – wie stark das Layout „springt“ (verschiebende Elemente). Ziel: ≤ 0,1.
Gute Werte bedeuten besseres UX und können das Ranking beeinflussen (Page Experience).
Wozu messen?
- SEO – Page Experience ist ein Ranking-Signal bei Google
- Konversionen – langsame Seiten und springendes Layout schaden Konversionen
- Absprung – Nutzer verlassen langsame Seiten häufiger
Wie messen?
- PageSpeed Insights (Google) – Werte für Mobile und Desktop, Verbesserungsvorschläge
- Lighthouse (Chrome DevTools oder CLI) – Performance-, Barrierefreiheits-, SEO-Audit
- Search Console – Bericht „Experience“ (Core Web Vitals im Feld)
- web-vitals (JS) – Messung im Browser des Nutzers (Real User Monitoring)
LCP verbessern
- Bilder optimieren (WebP/AVIF, Größen, Lazy Load außerhalb Viewport)
- Schnellerer Server / CDN, Caching
- Kritisches CSS inline, nicht-kritisches JS verzögern
- Render-blocking JS/CSS entfernen, wo möglich
- Preload für wichtige Ressourcen (z. B. Haupt-LCP-Bild)
INP verbessern
- Weniger lange laufenden JS im Main Thread (Code-Splitting, Web Worker)
- Event-Handler optimieren (Debounce, schwere Logik beim ersten Klick vermeiden)
- Schnelleres Time to Interactive (weniger JS parsen und ausführen)
CLS verbessern
- Dimensionen für Bilder und iframes setzen (width/height oder aspect-ratio)
- Platz für Werbung/Embeds reservieren
- Kein Einfügen von Inhalt oberhalb bestehenden Inhalts ohne reservierte Höhe
- Schriften –
font-display: optionaloder Preload, um FOIT/FOUT zu reduzieren
Checkliste / Schritte
- PageSpeed Insights und Lighthouse für wichtige Seiten ausführen
- Core-Web-Vitals-Bericht in der Search Console prüfen (Felddaten)
- Schwächste Metrik verbessern (LCP, INP oder CLS)
- Monitoring in Produktion einbinden (z. B. web-vitals + Analytics)
FAQ
Beeinflussen Core Web Vitals das Ranking?
Ja. Page Experience (inkl. Core Web Vitals) ist ein Ranking-Signal bei Google. Nicht der einzige Faktor, aber relevant.
Unterschied zwischen Lighthouse- und Search-Console-Daten?
Lighthouse misst in simulierter Umgebung (Lab). Search Console zeigt echte Nutzerdaten (Feld). Beides wichtig: Lab zum Debuggen, Feld für das reale Erlebnis.
Was ersetzt FID?
FID (First Input Delay) wurde durch INP (Interaction to Next Paint) ersetzt, das die Reaktionsfähigkeit bei mehreren Interaktionen besser abbildet. INP weiter messen, wo früher FID.