Core Web Vitals: LCP, INP und CLS verständlich erklärt

Kurz gesagt: Core Web Vitals sind drei Messwerte, mit denen Google bewertet, wie echte Besucher eine Webseite erleben. LCP misst, wie schnell der größte Inhalt lädt, INP, wie schnell die Seite auf Klicks reagiert, und CLS, wie stark der Inhalt verrutscht. Gute Werte sind 2,5 Sekunden, 200 Millisekunden und 0,1. Sie fließen in das Google-Ranking ein, wiegen aber weniger als die Relevanz des Inhalts.

Core Web Vitals: die drei Messwerte

Die Grenzwerte stammen von Google. Empfohlen ist, dass 75 % der Seitenaufrufe sie erreichen, getrennt gemessen für Mobilgeräte und Desktop (web.dev).

• LCP ist die Zeit, bis das größte sichtbare Element angezeigt wird, meist ein Bild, ein Video oder ein Textblock im oberen Bereich (web.dev).
• INP beobachtet alle Klicks, Tipps und Tastatureingaben während eines Besuchs und meldet ungefähr die langsamste Reaktion. Der Wert hat am 12. März 2024 FID abgelöst, das nur den ersten Klick gemessen hat (web.dev, web.dev).
• CLS misst die größte Serie unerwarteter Layoutverschiebungen, etwa wenn eine Anzeige nachlädt und den Text nach unten schiebt, den Sie gerade lesen (web.dev).

Beeinflussen Core Web Vitals das Ranking?

Ja, aber nicht am stärksten. Google schreibt, dass die Core Web Vitals von den Ranking-Systemen genutzt werden, es aber kein einzelnes Signal gibt und Relevanz weiterhin am meisten zählt. Wenn mehrere Seiten ähnlich gute Antworten liefern, kann eine bessere Nutzererfahrung den Ausschlag geben (Google Search Central). Trotzdem empfiehlt Google ausdrücklich, gute Core Web Vitals anzustreben (Google Search Central).

Der größere Gewinn liegt oft nicht in der Position, sondern bei den Besuchern: Schnelle, stabile Seiten sorgen dafür, dass mehr Menschen bleiben und den nächsten Schritt gehen. Wie das Ranking insgesamt zustande kommt, lesen Sie in Wie funktioniert SEO?

Core Web Vitals messen

Es gibt zwei Arten von Daten. Felddaten stammen von echten Chrome-Nutzern und sind das, was Google verwendet. Labordaten stammen aus einem Test in einer simulierten Umgebung und eignen sich, um Ursachen zu finden. Ein Labortest kann INP nicht korrekt messen und nutzt stattdessen die Total Blocking Time als Ersatz (web.dev).

• PageSpeed Insights zeigt Felddaten der letzten 28 Tage und zusätzlich einen Labortest mit Lighthouse (Google).
• Google Search Console hat den Core Web Vitals-Bericht. Er gruppiert die Seiten Ihrer Website nach Nutzererfahrung und zeigt getrennt für Mobilgeräte und Desktop, welche gut, verbesserungswürdig oder schlecht sind (Search Console-Hilfe). Wie Sie das Tool einrichten, steht in unserem Artikel zur Google Search Console.

Hat eine Website zu wenig Traffic, gibt es keine Felddaten. Dann bleibt nur der Labortest. Das betrifft viele kleinere Firmenwebsites. Wundern Sie sich also nicht, wenn der Bericht in der Search Console leer bleibt.

LCP verbessern

• Komprimieren und skalieren Sie das große Bild im oberen Bereich und nutzen Sie moderne Formate wie WebP oder AVIF.
• Sorgen Sie dafür, dass das Bild direkt im HTML der Seite steht, und geben Sie ihm mit fetchpriority="high" hohe Priorität.
• Verwenden Sie für das Bild im sichtbaren Bereich nie Lazy Loading. Es soll zuerst laden.
• Reduzieren Sie CSS und JavaScript, das die Darstellung blockiert, und laden Sie Skripte, die nicht sofort nötig sind, später.
• Verkürzen Sie die Antwortzeit des Servers mit Caching und weniger Weiterleitungen.

Google zerlegt LCP in vier Teile: die Antwortzeit des Servers, die Verzögerung, bis das Bild zu laden beginnt, die Ladezeit selbst und die Zeit bis zur Anzeige. So sehen Sie, wo die Zeit verloren geht (web.dev).

INP verbessern

• Teilen Sie lange JavaScript-Aufgaben auf, damit der Browser zwischendurch auf Klicks reagieren kann.
• Entfernen Sie Skripte, die Sie nicht brauchen, oft alte Tracking-Codes, Chat-Widgets und Plugins.
• Halten Sie das HTML schlank. Ein großer DOM-Baum macht jede Aktualisierung schwerer.
• Zeigen Sie sofort, dass ein Klick angekommen ist, auch wenn das Ergebnis einen Moment dauert.

Lange Aufgaben, die den Hauptthread blockieren, sind die häufigste Ursache für einen schlechten INP-Wert (web.dev).

CLS verbessern und das Consent-Banner

• Geben Sie Breite und Höhe für alle Bilder und Videos an.
• Reservieren Sie Platz für Anzeigen, eingebettete Inhalte wie Karten oder Videos und das Consent-Banner.
• Laden Sie Schriften so, dass der Text beim Schriftwechsel nicht springt.
• Fügen Sie nie neue Inhalte oberhalb dessen ein, was der Besucher gerade liest.

Für deutsche Websites ist das Consent-Banner ein typischer Stolperstein. Nach § 25 TDDDG dürfen Informationen auf dem Endgerät, etwa Cookies, grundsätzlich nur mit Einwilligung gespeichert oder ausgelesen werden, sofern sie nicht unbedingt erforderlich sind. Deshalb zeigen viele Websites beim ersten Besuch ein Banner. Schiebt es den Inhalt nach unten, statt sich darüber zu legen, verschlechtert es den CLS-Wert. Wird es spät per Skript nachgeladen, kann es außerdem LCP und INP belasten. Testen Sie Ihre Seite deshalb immer auch im Zustand vor der Einwilligung.

Der größte Teil dieser Arbeit gehört zur technischen Suchmaschinenoptimierung. Mit WordPress geht es oft um Theme und Plugins, siehe WordPress SEO. Wo Ihre Website konkret steht, zeigt eine SEO-Analyse.

Was es dem Unternehmen bringt

Die meisten Websites haben viel Luft nach oben. Laut HTTP Archive bestanden 2025 nur 48 % der Websites alle drei Messwerte auf dem Smartphone und 56 % auf dem Desktop (HTTP Archive Web Almanac). Von Google veröffentlichte Fallstudien:

• Vodafone verbesserte LCP in einem A/B-Test um 31 % und erzielte 8 % mehr Verkäufe (web.dev).
• redBus verbesserte INP um 72 % und steigerte die Verkäufe um 7 % (web.dev).
• The Economic Times senkte INP von über 1.000 auf 257 Millisekunden, halbierte die Absprungrate und erzielte auf den betroffenen Seiten 43 % mehr Seitenaufrufe (web.dev).

Wie schnell sich Verbesserungen in den Suchergebnissen zeigen, hängt von weit mehr als der Ladezeit ab. Dazu mehr in Wie lange dauert SEO? Steht ohnehin ein neuer Auftritt an, planen Sie die Performance beim Relaunch von Anfang an mit ein.