Was sind Core Web Vitals?

Was Core Web Vitals ausmachen

Bis 2020 hat Google „schnelle Websites" mit grobem PageSpeed-Score bewertet. Seit 2021 gibt es drei konkrete Messwerte — die Core Web Vitals (CWV):

1. LCP — Largest Contentful Paint

Misst, wie lange es dauert bis das größte sichtbare Element (meist Hero-Bild oder Hero-Text) auf der Page erscheint.

• Gut: unter 2,5 Sekunden
• Verbesserungsbedarf: 2,5-4 Sekunden
• Schlecht: über 4 Sekunden

2. INP — Interaction to Next Paint (löste 2024 FID ab)

Misst, wie lange die Website braucht um auf Benutzer-Interaktion (Klick, Tap, Tastatur-Eingabe) zu reagieren.

• Gut: unter 200 Millisekunden
• Verbesserungsbedarf: 200-500 ms
• Schlecht: über 500 ms

3. CLS — Cumulative Layout Shift

Misst, wie sehr sich das Layout während des Ladens noch verschiebt — also: springt der Text plötzlich nach unten, weil ein Bild oben einlädt?

• Gut: unter 0,1
• Verbesserungsbedarf: 0,1-0,25
• Schlecht: über 0,25

Warum Core Web Vitals für Ihren Betrieb wichtig sind

1. Direkter Ranking-Faktor: Google nutzt CWV als Signal in der Suchergebnis-Sortierung — besonders auf Mobile. Sites mit schlechten CWV ranken nachweislich schwächer.

2. Conversion-Effekt: Studien zeigen — pro 1 Sekunde Wartezeit-Reduktion steigt die Conversion-Rate um 7-12 %. CWV ist nicht nur SEO sondern Geld-Frage.

3. Mobile-Wahrnehmung: 70 % der Suchanfragen kommen vom Smartphone. Langsame Sites werden auf Mobile sofort verlassen — selbst wenn der Inhalt gut wäre.

So messen Sie Core Web Vitals

Pflicht-Tools (alle kostenlos):

1. Google PageSpeed Insights — pagespeed.web.dev
   URL eingeben → Bericht zeigt CWV-Werte für Mobile UND Desktop, plus konkrete Verbesserungs-Vorschläge.
2. Google Search Console — Section „Core Web Vitals"
   Zeigt CWV-Probleme über die GESAMTE Website hinweg (nicht nur einzelne URL).
3. Web Vitals Chrome Extension — Browser-Erweiterung
   Zeigt CWV in Echtzeit beim Surfen auf jeder beliebigen Website.

Wie Sie Core Web Vitals verbessern

LCP verbessern (Ladezeit-Probleme):

• Größtes Hero-Bild im WebP-Format speichern
• Bilder lazy-loaden (außer das Hero-Bild — das soll sofort kommen)
• Server-Caching aktivieren (WP-Plugin wie WP Rocket)
• Hosting wechseln wenn TTFB (Time to First Byte) über 800 ms
• Render-Blocking JavaScript reduzieren

INP verbessern (Reaktions-Probleme):

• Schwere JavaScript-Bibliotheken vermeiden (Slider, Pop-up-Plugins)
• WordPress-Plugins reduzieren (jedes Plugin bringt eigenen JS-Code)
• Critical JavaScript inline einbinden
• Third-Party-Scripts (Tracking, Chat-Widgets) asynchron laden

CLS verbessern (Layout-Sprung-Probleme):

• Bilder mit fester width/height-Angabe (oder aspect-ratio CSS)
• Werbe-Boxen mit reservierten Slots (sonst springen sie rein)
• Web-Fonts mit font-display: swap (sonst Layout-Sprung beim Font-Wechsel)
• Embeds (YouTube, Maps) mit fester Größe

Häufige Fehler

• CWV nur auf der Startseite messen — auch andere Pages prüfen (Blog, Kontakt, Service-Pages)
• Nur Lab-Daten ansehen — Field-Daten (echte Nutzer) sind aussagekräftiger
• Eine einzige Optimierung machen und glücklich sein — CWV ist Marathon, kein Sprint
• Nicht für Mobile UND Desktop optimieren — Mobile-Werte sind ranking-relevanter

Häufige Fragen

Sind Core Web Vitals wirklich Ranking-Faktor?

Ja, seit 2021. Google hat das explizit kommuniziert. Aber: CWV ist nur einer von 200+ Ranking-Faktoren. Sehr gute CWV machen aus schlechtem Content keinen Top-Treffer.

Wie oft sollte ich CWV prüfen?

Mindestens 1× pro Monat per PageSpeed Insights. Bei größeren Website-Änderungen (Theme-Wechsel, neue Plugins): sofort prüfen.

Mein PageSpeed-Score ist 90+ aber CWV sind schlecht?

Möglich. PageSpeed-Score (0-100) ist ein gewichteter Mix aus vielen Faktoren. CWV sind die 3 spezifischen Metriken die Google für Ranking verwendet. Immer beide Sektionen ansehen.

Was ist FID? Habe ich davon noch gehört.

FID (First Input Delay) war bis März 2024 eine der CWV. Google hat es durch INP ersetzt, weil INP aussagekräftiger ist. Wenn ältere Artikel noch FID erwähnen: das ist veraltet.

Verfasst von David Rupa, Inhaber von Bergstraße Digital.