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.
| Bewertung | Schwellenwert |
|---|---|
| Gut | <= 2,5 s |
| Verbesserungsbedarf | 2,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.
| Bewertung | Schwellenwert |
|---|---|
| Gut | <= 200 ms |
| Verbesserungsbedarf | 200 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.
| Bewertung | Schwellenwert |
|---|---|
| Gut | <= 0,1 |
| Verbesserungsbedarf | 0,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
deferoderasync. - 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
widthundheightfür Bild- und Videoelemente an, damit der Browser den Platz im Voraus reservieren kann. - Verwenden Sie
font-display: swapzusammen 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
| Werkzeug | Typ | Beschreibung |
|---|---|---|
| Google Search Console (Core-Web-Vitals-Bericht) | Felddaten | Zeigt den CWV-Status der gesamten Website gruppiert nach URL an |
| PageSpeed Insights | Feld- und Labordaten | Liefert CrUX-Daten und Lighthouse-Analyse gleichzeitig |
| Lighthouse (in den Chrome DevTools integriert) | Labordaten | Diagnostiziert Leistungsprobleme während der Entwicklung und liefert Verbesserungsempfehlungen |
| Web Vitals Chrome-Erweiterung | Echtzeit-Überwachung | Zeigt LCP, INP und CLS in Echtzeit beim Surfen an |
| WebPageTest | Labordaten | Führt detaillierte Tests unter verschiedenen Netzwerkbedingungen und Geräteumgebungen durch |
| Google Analytics 4 | Felddaten | Erfasst 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:
- Google Search Central - Core Web Vitals
- Leitfaden zur Optimierung der Core Web Vitals 2026 - Sky SEO Digital
- Die wichtigsten Core-Web-Vitals-Kennzahlen 2026 - NitroPack
- Core Web Vitals 2026: Technisches SEO - ALM Corp
- Wie wichtig sind Core Web Vitals für SEO im Jahr 2026 - White Label Coders
- LCP, INP und CLS erklärt (2026) - CoreWebVitals.io
- Schwellenwerte der Core Web Vitals - web.dev
- 8 beste Werkzeuge zum Testen der Core Web Vitals - WP Rocket
Verwandte inblog-Beiträge
Wie inblog hilft
inblog basiert auf Next.js SSR und liefert eine optimierte Leistung der Core Web Vitals.