Core Web Vitals

Core Web Vitals sind Googles offizielle Messwerte für die Nutzererfahrung einer Website – und seit 2021 ein direkter Rankingfaktor. Wer bei Google gut ranken will, kommt an ihnen nicht vorbei. Dieser Artikel erklärt, was die drei Messwerte bedeuten, wie du sie misst und konkret verbesserst.

Die drei Core Web Vitals

1. LCP – Largest Contentful Paint

LCP misst, wie lange es dauert, bis das größte sichtbare Element im Viewport geladen ist – meistens ein Bild oder ein großer Textblock. Es ist der Messwert für die wahrgenommene Ladegeschwindigkeit.

  • ✅ Gut: unter 2,5 Sekunden
  • ⚠️ Verbesserungswürdig: 2,5–4,0 Sekunden
  • ❌ Schlecht: über 4,0 Sekunden

Typische Ursachen für schlechten LCP: unoptimierte Bilder (zu groß, falsches Format), langsamer Server/Hosting, kein Caching, blockierendes JavaScript oder CSS.

2. INP – Interaction to Next Paint

INP (seit 2024 offizieller Core Web Vital, ersetzt den alten FID) misst die Reaktionsgeschwindigkeit der Seite auf Nutzerinteraktionen: Klicks, Tippen, Formulareingaben. Wie schnell reagiert die Website, wenn der Nutzer etwas tut?

  • ✅ Gut: unter 200ms
  • ⚠️ Verbesserungswürdig: 200–500ms
  • ❌ Schlecht: über 500ms

Typische Ursachen für schlechten INP: schweres JavaScript, viele Drittanbieter-Skripte (Tracking, Chat-Widgets), unoptimierter PHP-Code.

3. CLS – Cumulative Layout Shift

CLS misst visuelle Stabilität – wie stark sich Seitenelemente während des Ladens ungewollt verschieben. Jeder kennt das: Man will auf einen Link klicken, und im letzten Moment verschiebt sich die Seite, weil ein Bild nachgeladen hat.

  • ✅ Gut: unter 0,1
  • ⚠️ Verbesserungswürdig: 0,1–0,25
  • ❌ Schlecht: über 0,25

Typische Ursachen für schlechten CLS: Bilder ohne definierte Breite/Höhe, nachladende Werbebanner, Web Fonts die beim Laden springen, dynamisch eingefügte Inhalte.

Core Web Vitals messen

Die offiziellen Tools von Google:

  • PageSpeed Insights (pagespeed.web.dev) – misst Lab- und Field-Daten, zeigt konkrete Verbesserungsvorschläge
  • Google Search Console – zeigt Core Web Vitals-Daten aus echten Nutzern (Field Data), aufgeteilt nach mobil und Desktop
  • Chrome DevTools / Lighthouse – detaillierte technische Analyse direkt im Browser
  • web.dev/measure – schnelle Messung mit Empfehlungen

Core Web Vitals in WordPress verbessern

  • Bilder optimieren – moderne Formate (WebP, AVIF) nutzen, Bilder in der richtigen Größe ausliefern, Lazy Loading aktivieren, LCP-Bild mit fetchpriority="high" priorisieren
  • Caching aktivieren – Page-Caching und Browser-Caching über WP Rocket, LiteSpeed Cache oder W3 Total Cache
  • JavaScript optimieren – unnötige Skripte entfernen, Skripte verzögert laden (defer/async), Drittanbieter-Skripte reduzieren
  • Gutes Hosting – der Server ist die Basis. Shared Hosting mit überlasteten Servern ist der häufigste Grund für schlechte LCP-Werte
  • Web Fonts optimieren – font-display: swap setzen, Fonts lokal hosten statt von Google Fonts laden
  • Bildabmessungen definieren – jedes Bild braucht Breite- und Höhen-Attribute, damit der Browser Platz reserviert und CLS vermieden wird

Core Web Vitals und SEO

Google hat Core Web Vitals als Teil des „Page Experience“-Signals in den Ranking-Algorithmus integriert. Sie sind kein dominanter Rankingfaktor – relevante, hochwertige Inhalte schlagen schlechte Vitals. Aber bei vergleichbaren Inhalten kann eine bessere Page Experience den Ausschlag geben. Und unabhängig vom Ranking gilt: Eine schnelle, stabile Website konvertiert besser und hat niedrigere Absprungraten.

Zurück zur Übersicht