Core Web Vitals: Die drei Metriken, die über Ihr Ranking entscheiden

Core Web Vitals sind eine Teilmenge der Web Vitals, einer von Google definierten Sammlung von Metriken zur Bewertung der Web-Nutzererfahrung. Die drei Core Web Vitals messen jeweils einen zentralen Aspekt der wahrgenommenen Seitenqualität: Largest Contentful Paint (LCP) bewertet die Ladegeschwindigkeit des Hauptinhalts, Interaction to Next Paint (INP) bewertet die Reaktionsgeschwindigkeit auf Nutzereingaben und Cumulative Layout Shift (CLS) bewertet die visuelle Stabilität der Seite während des Ladens und der Nutzung. Zusammen ergeben diese drei Metriken ein umfassendes Bild davon, wie Nutzer die Qualität einer Website tatsächlich wahrnehmen.

Die Besonderheit der Core Web Vitals liegt in ihrer Messmethodik: Sie werden anhand realer Nutzerdaten bewertet, nicht anhand synthetischer Labortests. Google sammelt anonymisierte Performance-Daten von Chrome-Nutzern im sogenannten Chrome User Experience Report (CrUX) und verwendet den 75. Perzentilwert für die Bewertung. Das bedeutet: Mindestens 75 Prozent der realen Seitenaufrufe müssen den jeweiligen Schwellenwert erreichen, damit eine Seite als "gut" eingestuft wird. Diese feldbasierte Messung stellt sicher, dass die Ergebnisse die tatsächliche Nutzererfahrung widerspiegeln und nicht nur die Performance unter optimalen Laborbedingungen.

Jede der drei Metriken adressiert einen spezifischen Aspekt der Nutzererfahrung und erfordert unterschiedliche Optimierungsstrategien. Im Folgenden erklären wir jede Metrik im Detail: Was sie misst, wie sie berechnet wird, warum sie wichtig ist, welche Schwellenwerte gelten und welche Optimierungsmaßnahmen die größte Wirkung erzielen.

Der Largest Contentful Paint misst die Zeit vom Beginn des Seitenladens bis zum Zeitpunkt, an dem das größte sichtbare Inhaltselement im Viewport gerendert wird. Dieses Element ist typischerweise ein Hero-Bild, eine große Überschrift, ein Video-Poster oder ein prominenter Textblock. LCP korreliert stark mit der wahrgenommenen Ladegeschwindigkeit: Solange der Hauptinhalt nicht sichtbar ist, empfindet der Nutzer die Seite als leer oder ladend. Ein guter LCP-Wert signalisiert dem Nutzer, dass die Seite bereit ist und er mit dem Inhalt interagieren kann.

Der LCP setzt sich aus vier aufeinanderfolgenden Phasen zusammen, die jeweils eigene Optimierungsansätze erfordern. Phase eins ist die Time to First Byte (TTFB): die Zeit, bis der Server das erste Byte der Antwort liefert. Phase zwei ist die Resource Load Delay: die Verzögerung zwischen dem Empfang des HTML und dem Start des Downloads der LCP-Ressource. Phase drei ist die Resource Load Duration: die Download-Dauer der LCP-Ressource selbst. Phase vier ist die Element Render Delay: die Zeit zwischen dem abgeschlossenen Download der Ressource und ihrer Darstellung auf dem Bildschirm. Die effektivste Optimierung identifiziert, in welcher Phase die meiste Zeit verloren geht, und setzt gezielt dort an.

In unseren 50+ Projekten haben wir die folgenden Techniken als besonders wirksam für die LCP-Verbesserung identifiziert. Die Server-Optimierung adressiert Phase eins, die Frontend-Optimierung die Phasen zwei bis vier.

Interaction to Next Paint hat im März 2024 den First Input Delay (FID) als Core Web Vital abgelöst. INP misst die Latenz aller Nutzerinteraktionen während des gesamten Seitenbesuchs und berichtet den schlechtesten Wert (nach Bereinigung von Ausreißern). Im Gegensatz zu FID, der nur die erste Interaktion berücksichtigte, erfasst INP Klicks, Taps und Tastatureingaben über die gesamte Verweildauer hinweg. Das macht INP zu einem deutlich aussagekräftigeren Maß für die wahrgenommene Reaktionsgeschwindigkeit einer Website.

Die INP-Messung umfasst drei Phasen einer Interaktion: die Input Delay (die Zeit, bis der Browser den Event-Handler startet, typischerweise weil der Main Thread beschäftigt ist), die Processing Time (die Ausführungszeit des Event-Handlers selbst) und die Presentation Delay (die Zeit, bis der Browser die resultierende visuelle Änderung auf den Bildschirm gezeichnet hat). Ein schlechter INP-Wert bedeutet, dass der Nutzer nach einem Klick oder Tap eine spürbare Verzögerung erlebt, bevor die Seite reagiert. Diese Verzögerung fühlt sich an wie eine eingefrorene Benutzeroberfläche und ist einer der frustrierendsten Aspekte langsamer Websites.

Die Optimierung des INP erfordert ein tiefes Verständnis der JavaScript-Ausführung im Browser. Der Main Thread des Browsers ist ein einzelner Ausführungsstrang, der sowohl JavaScript als auch Layout-Berechnungen und Painting abarbeitet. Wenn umfangreiche JavaScript-Aufgaben den Main Thread für Hunderte Millisekunden blockieren, kann der Browser in dieser Zeit nicht auf Nutzereingaben reagieren. Unsere Frontend-Optimierung zielt darauf ab, lange Main-Thread-Aufgaben aufzubrechen und die JavaScript-Ausführung so zu strukturieren, dass der Browser jederzeit auf Interaktionen reagieren kann.

Cumulative Layout Shift misst die Summe aller unerwarteten Layout-Verschiebungen, die während des gesamten Lebenszyklus einer Seite auftreten. Eine Layout-Verschiebung entsteht, wenn ein sichtbares Element seine Position verändert, ohne dass der Nutzer eine Interaktion ausgelöst hat. Typische Beispiele: Ein Bild ohne definierte Abmessungen wird geladen und drückt den darunter liegenden Text nach unten. Eine verspätet geladene Werbeanzeige schiebt den Artikel zur Seite. Eine Schriftart wird nachgeladen und verändert die Textabmessungen. Diese Verschiebungen sind nicht nur visuell störend, sie können dazu führen, dass Nutzer versehentlich auf falsche Elemente klicken.

CLS wird als Summe von Impact Fraction und Distance Fraction berechnet: Wie viel des Viewports ist betroffen, und wie weit haben sich die Elemente verschoben? Ein CLS-Wert von 0 bedeutet perfekte Stabilität. Jeder Wert über 0,1 wird als verbesserungsbedürftig eingestuft. In unseren technischen Analysen sehen wir regelmäßig CLS-Werte von 0,3 bis 0,5 bei Websites mit nachgeladenen Werbebannern, Bildern ohne Dimensionsangaben oder dynamisch eingefügten Cookie-Bannern.

Seit dem Page Experience Update im Juni 2021 sind die Core Web Vitals ein offizieller Bestandteil der Google-Ranking-Signale. Google hat wiederholt bestätigt, dass Seiten mit guten Core Web Vitals einen Ranking-Vorteil erhalten, insbesondere wenn die inhaltliche Relevanz vergleichbar ist. In der Praxis bedeutet das: Wenn zwei Seiten zum gleichen Suchbegriff ähnlich relevante Inhalte bieten, aber eine davon deutlich schneller lädt und stabiler rendert, wird diese bevorzugt in den Suchergebnissen platziert.

Die Auswirkung auf das Ranking geht über den direkten Signaleffekt hinaus. Schnellere Websites erzeugen bessere Nutzersignale: niedrigere Absprungraten, längere Verweildauer, mehr Seitenaufrufe pro Sitzung. Diese indirekten Signale verstärken den positiven Ranking-Effekt guter Core Web Vitals. In unseren Kundenprojekten beobachten wir regelmäßig messbare Ranking-Verbesserungen innerhalb von vier bis zwölf Wochen nach der Core Web Vitals Optimierung, wobei der Effekt bei stark umkämpften Keywords am deutlichsten ausfällt (Projekterfahrung). Die Kombination aus schnellen Ladezeiten und technischer SEO-Optimierung bildet eine solide Grundlage für bessere Sichtbarkeit in der organischen Suche.

Die korrekte Messung der Core Web Vitals erfordert die Unterscheidung zwischen Feld- und Labordaten. Felddaten stammen aus dem Chrome User Experience Report und spiegeln die reale Nutzererfahrung wider. Sie sind der Maßstab, den Google für die Ranking-Bewertung heranzieht. Labordaten stammen aus kontrollierten Testumgebungen und eignen sich hervorragend für die Fehlersuche und die Validierung von Optimierungen, bevor sie live gehen. Beide Datenquellen ergänzen sich und sind für eine fundierte Optimierungsstrategie unverzichtbar.

Für die Messung im Feld steht der Chrome User Experience Report zur Verfügung, dessen Daten über die CrUX-API und die Search Console zugänglich sind. Die Web Vitals JavaScript-Bibliothek ermöglicht die Integration in eigene Analytics-Systeme. Für Labormessungen eignen sich Lighthouse (integriert in Chrome DevTools), WebPageTest und die Chrome DevTools Performance-Ansicht. Wir empfehlen unseren Kunden, beide Datenquellen zu nutzen: CrUX-Daten für die Beurteilung des Ist-Zustands aus Nutzerperspektive und Labordaten für die gezielte Analyse und Validierung einzelner Optimierungsmaßnahmen. Im Rahmen unserer Langzeitbetreuung richten wir ein automatisiertes Monitoring ein, das bei Verschlechterungen sofort alarmiert.

Die folgende Tabelle fasst alle Schwellenwerte der drei Core Web Vitals zusammen. Diese Werte gelten für den 75. Perzentilwert der Felddaten und bilden die Grundlage der Google-Bewertung (Quelle: web.dev, 2024).

Um die Wirksamkeit gezielter Core Web Vitals Optimierung zu verdeutlichen, beschreiben wir einen typischen Projektverlauf aus unserer Erfahrung. Eine mittelgroße E-Commerce-Website mit rund 5.000 Produktseiten, betrieben auf Shopware, wies folgende Ausgangswerte auf: LCP bei 4,8 Sekunden, INP bei 420 Millisekunden, CLS bei 0,28. Alle drei Vitals lagen im roten Bereich.

Am Ende des vierwöchigen Optimierungsprojekts lagen alle drei Core Web Vitals im grünen Bereich. In den folgenden Wochen beobachteten wir eine Verbesserung der durchschnittlichen Suchposition um vier Plätze bei den wichtigsten Produkt-Keywords sowie einen Anstieg des organischen Traffics um 28 Prozent (Projekterfahrung). Diese Zahlen verdeutlichen den direkten Zusammenhang zwischen technischer Performance und geschäftlichem Erfolg. Auf unserer Referenzen-Seite finden Sie weitere Projektbeispiele.

Die folgenden Fragen klären die wichtigsten Aspekte rund um die Core Web Vitals. Weitere technische Details finden Sie in unserer FAQ-Seite, und für eine individuelle Beratung stehen wir Ihnen jederzeit im persönlichen Gespräch zur Verfügung.

Kennen Sie den aktuellen Stand Ihrer Core Web Vitals? In unserer kostenlosen Erstanalyse bewerten wir alle drei Metriken anhand von Feld- und Labordaten, identifizieren die konkreten Ursachen schlechter Werte und erstellen einen priorisierten Maßnahmenplan. Sie erfahren, welche Verbesserungen realistisch erreichbar sind und welchen Aufwand sie erfordern. Fordern Sie Ihre kostenlose Core Web Vitals Analyse an oder informieren Sie sich über unser vollständiges Leistungsportfolio. Einen Überblick über bisherige Optimierungsergebnisse finden Sie in unseren Referenzen. Wenn Sie Fragen haben, die über diesen Leitfaden hinausgehen, besuchen Sie unsere FAQ-Seite oder nehmen Sie direkt Kontakt auf.