Core Web Vitals
Definition: Core Web Vitals (CWV) sind drei von Google definierte Performance-Metriken, die zentrale Aspekte der Nutzererfahrung auf Webseiten messen: Largest Contentful Paint (LCP) für Ladegeschwindigkeit, Cumulative Layout Shift (CLS) für visuelle Stabilität und Interaction to Next Paint (INP) für Reaktionsfähigkeit. Seit dem Page Experience Update 2021 sind sie offizielle Rankingfaktoren in Googles Algorithmus.
Erläuterung
Core Web Vitals sind Teil des umfassenderen Page Experience Signals, das auch mobile Optimierung, HTTPS und das Fehlen von aufdringlichen Interstitials umfasst. Sie messen keine technischen Abstractions, sondern reale Nutzererfahrungen – und das unterscheidet sie von älteren SEO-Geschwindigkeitsmetriken wie der reinen Ladezeit.
Die drei Core Web Vitals im Detail
1. LCP – Largest Contentful Paint (Ladezeit des Hauptinhalts)
- Misst die Zeit vom Seitenaufruf bis das grösste sichtbare Inhaltselement (Bild, Textblock, Video-Thumbnail) gerendert wurde
- Gut: unter 2,5 Sekunden | Verbesserungswürdig: 2,5–4,0 s | Schlecht: über 4,0 s
- Typische Ursachen für schlechten LCP: langsame Serverantwortzeiten, nicht optimierte Bilder, render-blockierende Ressourcen, fehlende CDN-Nutzung
2. CLS – Cumulative Layout Shift (Visuelle Stabilität)
- Misst, wie stark sich Seitenelemente während des Ladens unerwartet verschieben (z. B. ein Button, der sich kurz vor dem Klick bewegt)
- Gut: unter 0,1 | Verbesserungswürdig: 0,1–0,25 | Schlecht: über 0,25
- Häufige Ursachen: Bilder ohne definierte Dimensionen, nachträglich injizierte Ads oder Banners, Web-Fonts die nach dem Laden layout-verschiebend eingebunden werden
3. INP – Interaction to Next Paint (Reaktionsfähigkeit)
- Misst die Zeit zwischen einer Nutzerinteraktion (Klick, Tastendruck) und der sichtbaren Reaktion der Seite; seit März 2024 Nachfolger von FID (First Input Delay)
- Gut: unter 200 ms | Verbesserungswürdig: 200–500 ms | Schlecht: über 500 ms
- Typische Ursachen: schwere JavaScript-Ausführung im Main-Thread, Third-Party-Scripts, komplexe DOM-Manipulationen
Labordaten vs. Felddaten: Der wichtige Unterschied
Core Web Vitals werden in zwei Varianten gemessen:
- Labordaten: Simulierte Messung in kontrollierten Bedingungen (Google Lighthouse, PageSpeed Insights). Nützlich für Entwicklung und Debugging, aber kein echtes Nutzerverhalten.
- Felddaten (CrUX): Echte Messungen aus dem Chrome User Experience Report – aggregierte Daten von echten Chrome-Nutzern. Diese Daten verwendet Google für Rankingentscheidungen. Felddaten sind daher die massgebliche Grundlage.
Core Web Vitals messen und überwachen
- Google Search Console: Core Web Vitals-Bericht mit Felddaten für alle Seiten, kategorisiert nach „Gut", „Verbesserungswürdig" und „Schlecht"
- PageSpeed Insights: Kombiniert Feld- und Labordaten für einzelne URLs
- Google Lighthouse: Labordaten, integriert in Chrome DevTools
- web.dev/measure: Google-eigenes Tool mit detaillierten Verbesserungsvorschlägen
- Screaming Frog + Lighthouse API: Bulk-CWV-Analyse für grosse Websites
Typische Verbesserungsmassnahmen
- LCP verbessern: Bilder komprimieren (WebP/AVIF), CDN einsetzen, kritische Ressourcen preloaden, Server-Response-Time reduzieren
- CLS verbessern: Bildgrössen explizit definieren, Werbeflächen reservieren, Font-Swap-Strategie optimieren
- INP verbessern: JavaScript-Ausführung in kleinere Aufgaben aufteilen, lange Tasks identifizieren (Chrome DevTools Performance-Tab), Third-Party-Scripts optimieren