Was sind Core Web Vitals?
Core Web Vitals sind drei von Google definierte Metriken, die die reale Nutzererfahrung einer Website messen. Sie sind Teil der Page Experience Signals und beeinflussen direkt das Ranking.
Die drei Core Web Vitals
- LCP – Largest Contentful Paint
- Misst, wie schnell der größte sichtbare Inhalt geladen wird. Zielwert: unter 2,5 Sekunden. Ideal: unter 1,5 Sekunden.
- INP – Interaction to Next Paint
- Misst, wie schnell die Seite auf Nutzerinteraktionen reagiert. Zielwert: unter 200 Millisekunden. Ersetzt seit März 2024 den FID-Wert.
- CLS – Cumulative Layout Shift
- Misst visuelle Stabilität: Springt der Inhalt beim Laden? Zielwert: unter 0,1. Verursacht durch Bilder ohne Maße, nachladende Schriften oder Ads.
Wie Core Web Vitals das Ranking beeinflussen
Seit Juni 2021 sind Core Web Vitals ein offizieller Rankingfaktor. Das bedeutet: Bei zwei inhaltlich vergleichbaren Seiten bevorzugt Google diejenige mit besseren Web Vitals. Studien zeigen, dass eine Verbesserung des LCP um 1 Sekunde die Conversion-Rate um bis zu 27 % steigern kann.
| Metrik | Gut | Verbesserung nötig | Schlecht |
|---|---|---|---|
| LCP | ≤ 2,5s | 2,5s – 4,0s | > 4,0s |
| INP | ≤ 200ms | 200ms – 500ms | > 500ms |
| CLS | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
React vs. WordPress: Ladezeiten im Vergleich
Der größte Faktor für Core Web Vitals ist die technische Grundlage. WordPress mit Pagebuildern (Elementor, Divi, WPBakery) erzeugt hunderte Kilobytes an ungenutztem CSS und JavaScript. Eine React-Website mit Server-Side Rendering und optimiertem Code-Splitting erreicht dagegen LCP-Werte unter 1 Sekunde.
Bei Centric entwickeln wir alle Websites in React mit Tailwind CSS. Das Ergebnis: Ladezeiten unter 0,5 Sekunden, perfekte Core Web Vitals und ein messbarer Ranking-Vorteil gegenüber WordPress-Konkurrenz.
5 sofort umsetzbare Optimierungen
- Bilder in WebP/AVIF: Reduziert Dateigröße um 30–50 % ohne sichtbaren Qualitätsverlust
- Lazy Loading: Bilder und Videos erst laden, wenn sie im Viewport erscheinen
- Font-Display Swap: Verhindert unsichtbaren Text während des Schrift-Ladens
- width/height auf Bildern: Verhindert CLS durch reservierten Platz
- JavaScript minimieren: Code-Splitting und Tree-Shaking reduzieren die initiale Bundle-Größe
Fazit: Schnellere Seiten ranken besser
Core Web Vitals sind kein Nice-to-have mehr, sondern ein entscheidender Rankingfaktor. Wer in die technische Grundlage seiner Website investiert, wird mit besseren Rankings, höheren Conversion-Rates und zufriedeneren Nutzern belohnt.