⚡ Core Web Vitals

Core Web VitalsLCP, INP & CLS optimieren

Core Web Vitals sind Googles wichtigste Nutzererfahrungs-Metriken und direkter Ranking-Faktor. Dieser Guide erklärt alle drei Metriken, zeigt wie Sie messen und gibt konkrete Optimierungsmaßnahmen für bessere Werte.

Was sind Core Web Vitals?

Core Web Vitals sind drei von Google definierte Metriken, die die Nutzererfahrung einer Website messen. Sie wurden 2021 als Ranking-Faktor eingeführt und sind seitdem ein wichtiger Teil des Google Page Experience Signals.

Seit 2024 wurde FID (First Input Delay) durch INP (Interaction to Next Paint) ersetzt, das eine deutlich präzisere Messung der Interaktivität liefert. Websites mit schlechten Core Web Vitals können durch gute Rankings kompensiert werden – aber bei vergleichbarer Qualität geben CWV den Ausschlag.

Die drei Core Web Vitals erklärt

LCP

Largest Contentful Paint

Largest Contentful Paint (LCP) – Ladezeit

LCP misst, wie lange es dauert, bis der größte sichtbare Inhalt einer Seite (Bild, Video-Thumbnail oder großer Textblock) geladen ist. LCP gibt Aufschluss über die wahrgenommene Ladegeschwindigkeit aus Nutzersicht.

Gut

≤ 2,5 Sek.

Verbesserbar

2,5 – 4 Sek.

Schlecht

> 4 Sek.

Wichtigste Optimierungen: Bildkomprimierung und moderne Formate (WebP/AVIF), Resource Hints (preload), Server-Response-Time verbessern, Render-blocking CSS/JS eliminieren, CDN einsetzen.

INP

Interaction to Next Paint

Interaction to Next Paint (INP) – Interaktivität

INP misst die Reaktionszeit der Seite auf Nutzerinteraktionen (Klicks, Tastatureingaben, Tippen). Es wird die gesamte Interaktionslatenz von der Eingabe bis zur nächsten visuellen Rückmeldung gemessen – ein deutlich präziseres Maß als der alte FID.

Gut

≤ 200 ms

Verbesserbar

200 – 500 ms

Schlecht

> 500 ms

Wichtigste Optimierungen: JavaScript-Ausführungszeit reduzieren, Long Tasks aufteilen, schweres JS lazy laden, Event Handler optimieren, Third-Party Scripts limitieren.

CLS

Cumulative Layout Shift

Cumulative Layout Shift (CLS) – Visuelle Stabilität

CLS misst unerwartete Layout-Verschiebungen während des Seitenladens. Das Phänomen kennt jeder: Man will auf einen Link klicken, aber ein Bild lädt nach und verschiebt alles – der Klick landet woanders. CLS quantifiziert genau diese Nutzungsfrustration.

Gut

≤ 0,1

Verbesserbar

0,1 – 0,25

Schlecht

> 0,25

Wichtigste Optimierungen: Bild- und Video-Dimensionen immer angeben, Platzhalter für dynamisch geladene Inhalte reservieren, Webfonts mit font-display:swap, Anzeigen mit fixen Containern.

Core Web Vitals messen

Lab-Daten (synthetisch)

Messungen in kontrollierten Testumgebungen. Gut für Entwicklung und Debugging, zeigt aber nicht das echte Nutzerverhalten.

  • PageSpeed Insights – Google-Tool, kostenlos
  • Chrome DevTools – Lighthouse Tab
  • WebPageTest – Detaillierte Analyse
  • GTmetrix – Waterfall + Metriken

Field-Daten (CrUX)

Echte Nutzerdaten aus dem Chrome User Experience Report. Diese Daten fließen direkt in Google-Rankings ein – nur diese zählen für SEO.

  • Google Search Console – Core Web Vitals Report
  • PageSpeed Insights – Field-Daten Tab
  • CrUX Dashboard – Looker Studio
  • Chrome UX Report API

Wichtiger Hinweis: Lab vs. Field

Für das Google-Ranking zählen ausschließlich Field-Daten (echte Nutzererfahrungen). Ein perfekter Lighthouse-Score garantiert keine guten CWV-Rankings, wenn die echten Nutzer andere Erfahrungen machen. Prüfen Sie immer beide Datenquellen und fokussieren Sie auf die Verbesserung der Field-Daten.

Konkrete Optimierungsmaßnahmen

🖼Bildoptimierung

  • WebP/AVIF statt JPEG/PNG
  • Lazy Loading für Below-the-fold
  • Preload für Hero-Images
  • Responsive Images (srcset)
  • Width/Height Attribute setzen

JavaScript-Optimierung

  • Code Splitting und lazy loading
  • Render-blocking Scripts eliminieren
  • Tree Shaking für kleinere Bundles
  • Defer für nicht-kritisches JS
  • Third-Party Scripts minimieren

🚀Server & CDN

  • Time to First Byte (TTFB) optimieren
  • CDN für statische Assets
  • HTTP/2 oder HTTP/3 aktivieren
  • Browser Caching einrichten
  • Komprimierung (Brotli/Gzip)

Core Web Vitals professionell optimieren lassen

Unsere Technical-SEO-Experten analysieren Ihre Core Web Vitals und setzen konkrete Optimierungsmaßnahmen um, die Ihre Werte nachhaltig verbessern.

Technisches SEO anfragen →

Häufige Fragen zu Core Web Vitals

Wie stark beeinflussen Core Web Vitals meine Rankings?

Core Web Vitals sind ein Google-Ranking-Faktor im Rahmen des Page Experience Signals. Direkte Messungen zeigen, dass schlechte CWV-Werte zu 5–15% niedrigeren Rankings führen können, besonders bei kompetitiven Keywords. Wichtiger als der direkte Ranking-Effekt ist jedoch die Nutzererfahrung: bessere Ladezeiten reduzieren Absprungraten und erhöhen Conversion Rates erheblich.

Warum hat meine Seite guten Lighthouse-Score aber schlechte CWV?

Lighthouse misst Lab-Daten unter kontrollierten Bedingungen. Echte CWV-Werte (Field-Daten) basieren auf allen Chrome-Nutzern Ihrer Site – mit variierenden Geräten, Netzwerkverbindungen und Interaktionsmustern. Besonders INP-Probleme entstehen oft durch echte Nutzerinteraktionen, die in synthetischen Tests nicht simuliert werden. Fokussieren Sie auf die Verbesserung der Search Console CWV-Daten.

Welches CWV-Problem sollte ich zuerst beheben?

Priorisierung: LCP ist oft der impactreichste Faktor, da langsames Laden die Nutzererfahrung am stärksten beeinflusst. CLS-Probleme sind häufig technisch einfach zu lösen und haben sofortige Wirkung. INP-Probleme (schlechte Interaktivität) erfordern oft JavaScript-Refactoring und sind komplex. Starten Sie mit dem Faktor, bei dem Sie am weitesten vom "Gut"-Bereich entfernt sind.

Was hat FID mit INP zu tun?

FID (First Input Delay) wurde im März 2024 durch INP (Interaction to Next Paint) ersetzt. FID maß nur die Verzögerung der ersten Interaktion und ignorierte die Renderzeit. INP misst die vollständige Latenz aller Interaktionen auf einer Seite. Dadurch ist INP ein deutlich präziseres Maß für die tatsächlich wahrgenommene Interaktivität.

Haben WordPress-Seiten oft schlechte Core Web Vitals?

Viele WordPress-Sites haben standardmäßig schlechte CWV, besonders durch: schwere Page Builder (Elementor, Divi), nicht optimierte Bilder, zu viele Plugins die JavaScript laden, schlechtes Hosting. Mit dem richtigen Hosting (LiteSpeed, Cloudflare), einem schnellen Theme, Bildoptimierungs-Plugin und Caching sind sehr gute CWV-Werte erreichbar.

Wie lange dauert es, bis Core Web Vitals Verbesserungen in der Search Console erscheinen?

Google sammelt CWV-Daten über einen rollierenden 28-Tage-Zeitraum. Nach Implementierung von Optimierungsmaßnahmen dauert es daher typischerweise 28 Tage, bis sich Verbesserungen vollständig in der Search Console widerspiegeln. Erste Tendenzen können nach etwa 7–14 Tagen sichtbar werden.

Brauche ich einen Entwickler für CWV-Optimierungen?

Für grundlegende Maßnahmen (Bildoptimierung, Caching-Plugin bei WordPress) brauchen Sie keinen Entwickler. Für fortgeschrittene Optimierungen (JavaScript-Splitting, kritisches CSS, Server-Konfiguration, Code-Splitting) ist technisches Know-how notwendig. Rex Fortis übernimmt die vollständige technische Umsetzung aller CWV-Optimierungen.

Können Core Web Vitals bei mobilen und Desktop-Versionen unterschiedlich sein?

Ja. Google bewertet mobile und Desktop-CWV separat. Da Google Mobile-First-Indexierung verwendet, sind mobile CWV-Werte für das Ranking entscheidend. Besonders auf mobilen Geräten mit langsameren Verbindungen und schwächerer CPU sind LCP und INP-Werte oft deutlich schlechter als auf Desktop. Priorisieren Sie immer die mobile Optimierung.