SEO

Core Web Vitals

Core Web Vitals sind drei zentrale Kennzahlen zur Nutzererfahrung, die von Google definiert wurden und die Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität einer Webseite quantifizieren.

Core Web Vitals sind drei zentrale Kennzahlen zur Nutzererfahrung, die von Google definiert wurden und die Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität einer Webseite quantifizieren.

Warum es wichtig ist

Core Web Vitals sind ein offizieller Ranking-Faktor, der in Googles Page-Experience-Algorithmus enthalten ist. Branchenanalysen aus den Jahren 2025 bis 2026 zufolge machen sie rund 10 bis 15 % der gesamten Ranking-Signale aus. Bei stark umkämpften Keywords berichten Websites, die alle drei Kennzahlen erfüllen, von einer Verbesserung der Sichtbarkeit in der Suche um 8 bis 15 %. Umgekehrt bestehen laut den Daten des Web Almanac 2025 nur etwa 48 % der mobilen Seiten und 56 % der Desktop-Seiten alle drei Schwellenwerte. Das bedeutet, dass die Optimierung der Core Web Vitals eine echte Chance darstellt, sich einen Wettbewerbsvorteil zu verschaffen.

Die drei Kernkennzahlen

LCP (Largest Contentful Paint) - Ladeleistung

Misst die Zeit, die der Hauptinhalt der Seite (das größte Bild oder der größte Textblock) benötigt, um auf dem Bildschirm dargestellt zu werden.

BewertungSchwellenwert
Gut<= 2,5 s
Verbesserungsbedarf2,5 s bis 4,0 s
Schlecht> 4,0 s

INP (Interaction to Next Paint) - Reaktionsfähigkeit

Misst die Verzögerung zwischen einer Nutzerinteraktion (Klick, Tippen, Tastatureingabe usw.) und dem Zeitpunkt, an dem sich der Bildschirm tatsächlich aktualisiert. INP hat FID (First Input Delay) im März 2024 offiziell als Core Web Vital abgelöst und bewertet die Reaktionsfähigkeit über den gesamten Lebenszyklus der Seite hinweg statt nur die erste Eingabe.

BewertungSchwellenwert
Gut<= 200 ms
Verbesserungsbedarf200 ms bis 500 ms
Schlecht> 500 ms

CLS (Cumulative Layout Shift) - Visuelle Stabilität

Misst, in welchem Ausmaß sich das Layout während des Seitenladevorgangs unerwartet verschiebt. Häufige Ursachen für hohe CLS-Werte sind Anzeigen oder Bilder, die verspätet geladen werden und die Position von Schaltflächen verschieben.

BewertungSchwellenwert
Gut<= 0,1
Verbesserungsbedarf0,1 bis 0,25
Schlecht> 0,25

Alle drei Kennzahlen müssen bei mindestens 75 % der Seitenaufrufe den Schwellenwert "Gut" erreichen, damit die Core-Web-Vitals-Bewertung als bestanden gilt.

Optimierungsmethoden

LCP verbessern

  • Fügen Sie dem LCP-Zielbild das Attribut fetchpriority="high" hinzu und laden Sie es mit <link rel="preload"> vor.
  • Verwenden Sie Bildformate der nächsten Generation wie WebP und AVIF, um die Dateigrößen zu reduzieren.
  • Nutzen Sie ein CDN (Content Delivery Network), um die Antwortzeit des Servers (TTFB) zu verkürzen.
  • Implementieren Sie serverseitiges Caching und optimieren Sie Datenbankabfragen.

INP verbessern

  • Verschieben Sie nicht essenzielles JavaScript, das den Haupt-Thread blockiert, mit defer oder async.
  • Teilen Sie lange Aufgaben in kleinere Einheiten auf, damit der Browser schneller auf Nutzereingaben reagieren kann.
  • Entfernen Sie unnötige Skripte von Drittanbietern oder verzögern Sie deren Ladezeitpunkt.

CLS verbessern

  • Geben Sie die Attribute width und height für Bild- und Videoelemente an, damit der Browser den Platz im Voraus reservieren kann.
  • Verwenden Sie font-display: swap zusammen mit <link rel="preload"> für das Laden von Webschriften, um Layout-Verschiebungen zu verhindern.
  • Vermeiden Sie es, Banner oder Anzeigen dynamisch oberhalb bestehender Inhalte einzufügen.

Messwerkzeuge

WerkzeugTypBeschreibung
Google Search Console (Core-Web-Vitals-Bericht)FelddatenZeigt den CWV-Status der gesamten Website gruppiert nach URL an
PageSpeed InsightsFeld- und LabordatenLiefert CrUX-Daten und Lighthouse-Analyse gleichzeitig
Lighthouse (in den Chrome DevTools integriert)LabordatenDiagnostiziert Leistungsprobleme während der Entwicklung und liefert Verbesserungsempfehlungen
Web Vitals Chrome-ErweiterungEchtzeit-ÜberwachungZeigt LCP, INP und CLS in Echtzeit beim Surfen an
WebPageTestLabordatenFührt detaillierte Tests unter verschiedenen Netzwerkbedingungen und Geräteumgebungen durch
Google Analytics 4FelddatenErfasst und analysiert reale CWV-Daten von Nutzern

Felddaten spiegeln die tatsächlichen Umgebungen der Besucher wider und sind die Daten, die direkt für das Google-Suchranking verwendet werden. Labordaten bestehen aus Messungen in kontrollierten Umgebungen und sind für Diagnose und Fehlersuche nützlich. Die gemeinsame Verwendung beider Datentypen ist der wirksamste Ansatz.

Sources:

Verwandte inblog-Beiträge

Wie inblog hilft

inblog basiert auf Next.js SSR und liefert eine optimierte Leistung der Core Web Vitals.