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. Google beschreibt sie als eines von mehreren Page-Experience-Signalen und stellt klar, dass gute Werte relevante Inhalte nicht ersetzen, bei vergleichbarem Inhalt aber den Ausschlag geben können (Google Search Central, Page Experience, abgerufen am 5. August 2026). Konkrete Umsatzeffekte kursieren viele, belastbar sind sie fast nie, weil kaum jemand offenlegt, was gleichzeitig sonst noch geändert wurde. Verlassen Sie sich deshalb auf Ihre eigene Vorher-Nachher-Messung.
| 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 liefert das Markup dagegen fertig aus, der Browser muss es nur noch darstellen.
Bei Centric entwickeln wir alle Websites in React mit Tailwind CSS. Wie viel das im Einzelfall bringt, hängt von Bildern, Schriften und eingebundenen Drittanbietern ab. Für unsere eigene Startseite messen wir am 5. August 2026 mit Lighthouse 100 von 100 Punkten im Desktop-Test bei einem LCP von 0,6 Sekunden und 99 von 100 auf dem Mobilgerät bei einem LCP von 2,0 Sekunden. Mobil ist dabei durchweg der härtere Test, und genau diesen Unterschied zwischen Desktop und Mobil sollten Sie bei jedem Anbieter erfragen, der Ihnen eine pauschale Ladezeit verspricht.
5 sofort umsetzbare Optimierungen
- Bilder in WebP/AVIF: WebP-Bilder mit verlustbehafteter Kompression sind laut Google 25 bis 34 % kleiner als ein vergleichbares JPEG (Google, WebP-Dokumentation, abgerufen am 5. August 2026)
- 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.