Core Web Vitals sind drei von Google definierte Leistungsmetriken, die die Nutzererfahrung einer Website messbar machen. Sie bewerten, wie schnell eine Seite Inhalte anzeigt, wie zuverlässig sie auf Nutzerinteraktionen reagiert und wie stabil das Layout während des Ladevorgangs bleibt. Seit 2021 fließen die Core Web Vitals als Ranking-Signal in die Google-Suche ein. Eine technisch gut performende Website hat damit nicht nur zufriedenere Besucher, sondern auch einen Vorteil bei der SEO.
Welche drei Metriken umfassen die Core Web Vitals?
LCP – Largest Contentful Paint
LCP misst die Ladegeschwindigkeit, genauer: die Zeit, bis das größte sichtbare Inhaltselement im Viewport vollständig gerendert ist. Das kann ein Hero-Bild, ein Video-Thumbnail oder ein großer Textblock sein.
Schwellenwerte: Bis 2,5 Sekunden gilt als gut, zwischen 2,5 und 4 Sekunden als verbesserungsbedürftig, über 4 Sekunden als schlecht.
Typische Ursachen für schlechte LCP-Werte sind langsame Server-Antwortzeiten, unkomprimierte Bilder, render-blockierendes JavaScript und CSS sowie fehlendes Caching. Besonders bei großen Hero-Bildern lohnt es sich, das Format (WebP oder AVIF statt PNG/JPG), die Dimensionen und das Lazy-Loading-Verhalten zu prüfen.
INP – Interaction to Next Paint
INP hat im März 2024 den bisherigen FID (First Input Delay) als Core Web Vital abgelöst. Während FID nur die Verzögerung bei der allerersten Interaktion maß, erfasst INP die Reaktionsfähigkeit über den gesamten Seitenbesuch hinweg. INP misst die Zeit vom Klick, Tipp oder Tastendruck bis zum nächsten visuellen Update im Browser.
Schwellenwerte: Bis 200 Millisekunden gilt als gut, zwischen 200 und 500 ms als verbesserungsbedürftig, über 500 ms als schlecht.
Schlechte INP-Werte entstehen häufig durch aufwändige JavaScript-Berechnungen, die den Main Thread blockieren. Third-Party-Scripts – Tracking-Pixel, Chat-Widgets, Consent-Manager – sind regelmäßig Verursacher. Auch große DOM-Bäume mit tausenden Elementen verlangsamen die Verarbeitung.
CLS – Cumulative Layout Shift
CLS misst die visuelle Stabilität der Seite. Jedes Mal, wenn ein sichtbares Element seine Position unerwartet verändert – etwa weil ein Bild ohne definierte Abmessungen nachlädt oder ein Werbebanner eingeblendet wird – entsteht ein Layout Shift. CLS summiert diese Verschiebungen über die gesamte Lebensdauer der Seite.
Schwellenwerte: Bis 0,1 gilt als gut, zwischen 0,1 und 0,25 als verbesserungsbedürftig, über 0,25 als schlecht.
Layout Shifts frustrieren Nutzer massiv – etwa wenn jemand einen Link anklicken möchte und im letzten Moment ein anderes Element an diese Stelle springt. Häufige Ursachen sind Bilder und Videos ohne explizite Breiten- und Höhenangaben, dynamisch eingeblendete Werbung, Web-Fonts, die beim Laden einen Text-Größenwechsel auslösen, und Inhalte, die oberhalb der aktuellen Scroll-Position eingefügt werden.
Warum sind Core Web Vitals ein Ranking-Signal?
Google hat die Core Web Vitals als Teil der Page Experience Signals in den Ranking-Algorithmus aufgenommen. Die Logik dahinter: Google möchte Nutzern Ergebnisse liefern, die nicht nur inhaltlich relevant sind, sondern auch ein gutes Nutzererlebnis bieten. Eine Seite mit hervorragendem Content aber miserabler Performance kann von einer technisch optimierten Seite mit vergleichbarem Inhalt überholt werden.
Die Core Web Vitals sind kein dominanter Ranking-Faktor – relevanter Content und Backlinks wiegen schwerer. Aber bei ansonsten gleichwertigen Seiten geben sie den Ausschlag. In wettbewerbsintensiven SERP-Landschaften können sie den Unterschied zwischen Seite eins und Seite zwei ausmachen.
Wie werden Core Web Vitals gemessen?
Die Messung unterscheidet zwischen zwei Datentypen:
Field Data (Felddaten): Reale Messwerte von echten Nutzern, gesammelt über den Chrome User Experience Report (CrUX). Diese Daten zeigen, wie Ihre Website tatsächlich performt – unter realen Netzwerkbedingungen, auf echten Geräten, in verschiedenen Regionen. Google nutzt ausschließlich Felddaten für das Ranking. Die Google Search Console zeigt den CrUX-Bericht unter dem Reiter “Core Web Vitals”.
Lab Data (Labordaten): Simulierte Messungen unter kontrollierten Bedingungen. Nützlich für Diagnose und Optimierung, aber nicht repräsentativ für die tatsächliche Nutzererfahrung. Lab Data zeigt keine INP-Werte, da diese reale Nutzerinteraktionen erfordern.
Mess-Tools im Überblick:
- Google PageSpeed Insights: Zeigt sowohl Field Data (CrUX) als auch Lab Data (Lighthouse) für eine einzelne URL. Der einfachste Einstieg.
- Google Search Console: Aggregierter CrUX-Bericht über alle URLs einer Domain. Zeigt, welche Seiten gute, verbesserungsbedürftige oder schlechte Werte haben.
- Lighthouse (Chrome DevTools): Detaillierte Lab-Analyse mit konkreten Optimierungsvorschlägen. Ideal für die Diagnose einzelner Probleme.
- CrUX Dashboard (BigQuery): Historische Felddaten für Trendanalysen. Zeigt, wie sich die Performance über Monate entwickelt hat.
- Web Vitals Chrome Extension: Echtzeit-Anzeige der Core Web Vitals beim Browsen. Praktisch für schnelle Stichproben.
Wie lassen sich die einzelnen Metriken verbessern?
LCP verbessern: Server-Antwortzeit optimieren (schnelleres Hosting, Caching, CDN einsetzen). Bilder in modernen Formaten (WebP/AVIF) ausliefern und auf die tatsächlich benötigte Größe skalieren. Render-blockierendes CSS und JavaScript minimieren oder asynchron laden. Das LCP-Element per Preload priorisieren.
INP verbessern: Lange JavaScript-Tasks aufbrechen – kein einzelner Task sollte den Main Thread länger als 50ms blockieren. Third-Party-Scripts kritisch prüfen und wenn möglich verzögert laden. Event Handler optimieren und unnötige DOM-Manipulationen vermeiden. Web Workers für rechenintensive Operationen nutzen.
CLS verbessern: Für alle Bilder und Videos explizite width- und height-Attribute oder CSS-Aspect-Ratios setzen. Werbeflächen mit reserviertem Platz (Placeholder) vorbereiten. Web Fonts mit font-display: swap und optionalem size-adjust laden. Dynamische Inhalte niemals oberhalb des sichtbaren Bereichs einfügen, ohne den Platz vorab zu reservieren.
Wie funktioniert es in der Praxis?
Der Optimierungsprozess startet mit einer Bestandsaufnahme. Die Google Search Console liefert den CrUX-Bericht für die gesamte Domain – sortiert nach URLs mit guten, verbesserungsbedürftigen und schlechten Werten. PageSpeed Insights liefert die detaillierte Diagnose für einzelne Seiten.
Aus der Analyse entsteht eine priorisierte Maßnahmenliste. Seiten mit hohem Traffic und schlechten Werten werden zuerst optimiert, weil sie den größten Hebel bieten. Technische Änderungen – Bildoptimierung, JavaScript-Refactoring, Caching-Konfiguration – werden schrittweise implementiert und nach jeder Änderung gemessen.
Wichtig: Verbesserungen in den Felddaten brauchen Zeit. CrUX sammelt Daten über einen rollierenden 28-Tage-Zeitraum. Eine Optimierung, die heute live geht, spiegelt sich frühestens in vier Wochen vollständig in den CrUX-Daten wider. Lab Data zeigt Verbesserungen sofort und eignet sich für die schnelle Validierung.
Häufige Fehler
Nur Lab Data optimieren: Lighthouse-Scores von 100 sind erfreulich, aber irrelevant, wenn die Felddaten schlecht bleiben. Lab Data misst unter idealen Bedingungen – reale Nutzer haben langsamere Geräte und Verbindungen. Felddaten sind die einzige Wahrheit, die Google für das Ranking heranzieht.
Third-Party-Scripts ignorieren: Tracking-Pixel, Consent-Banner, Chat-Widgets und Social-Media-Embeds belasten die Performance erheblich. Viele Website-Betreiber optimieren den eigenen Code, laden aber weiterhin ein Dutzend externe Scripts. Jedes Script muss seinen Mehrwert rechtfertigen.
Bilder ohne Dimensionen einbinden: Fehlende width- und height-Attribute bei Bildern sind eine der häufigsten CLS-Ursachen. Der Browser kennt die Bildgröße erst nach dem Download und verschiebt dann den umliegenden Inhalt.
Performance als einmalige Aufgabe betrachten: Neue Features, Content-Updates und zusätzliche Tracking-Scripts können die Werte jederzeit wieder verschlechtern. Core Web Vitals erfordern kontinuierliches Monitoring – nicht nur eine einmalige Optimierung.
Alle Seiten gleich behandeln: Die Startseite hat andere Performance-Anforderungen als ein Blogartikel oder eine Produktseite. Optimierungen müssen seitentyp-spezifisch geplant werden, basierend auf den tatsächlichen CrUX-Daten pro URL-Gruppe.
Core Web Vitals-Optimierung mit Think11
Think11 aus Osnabrück analysiert und optimiert als Google Premium Partner die Core Web Vitals systematisch. Unser SEO-Team arbeitet eng mit der Webentwicklung zusammen, um technische Performance und Suchmaschinen-Ranking gleichermaßen zu verbessern. Web Analytics liefert die Datenbasis für die Priorisierung und Erfolgsmessung.
In über 3.000 Projekten haben wir die technische Performance von Websites verschiedenster Branchen verbessert – vom Mittelständler bis zum Enterprise-Unternehmen. Das Ergebnis: bessere Nutzererfahrung, niedrigere Absprungraten und stärkere Rankings in der Google-Suche.
