Core Web Vitals sind Googles messbare Signale für die reale Nutzererfahrung einer Seite, und sie fließen in das Ranking ein. Sie zu bestehen bedeutet nicht, einem grünen Wert um seiner selbst willen nachzujagen; es geht um eine Seite, die schnell lädt, sofort reagiert und nicht herumspringt, während man sie benutzt. Dieser Leitfaden erklärt die drei Core Web Vitals, wie sie 2026 gelten, und vor allem die Fixes, die jede einzelne Kennzahl tatsächlich verbessern.

Kurz gesagt

  • Die drei Core Web Vitals sind LCP (Laden), INP (Reaktionsfähigkeit) und CLS (visuelle Stabilität). INP hat FID 2024 als Core Web Vital abgelöst
  • “Gute” Schwellenwerte: LCP unter 2,5 s, INP unter 200 ms, CLS unter 0,1, gemessen im 75. Perzentil echter Besuche
  • Die wirkungsvollsten Fixes sind das Optimieren des größten Bild- oder Textblocks, das Reduzieren und Aufteilen von JavaScript sowie das Reservieren von Platz für Bilder, Anzeigen und Einbettungen
  • Nutzen Sie Felddaten (echte Nutzer), nicht nur Labortests, denn Google bewertet die reale Performance

Die drei Core Web Vitals (2026)

Largest Contentful Paint (LCP): Laden

LCP misst, wie lange es dauert, bis das größte sichtbare Element (meist ein Hero-Bild, ein Banner oder ein großer Textblock) gerendert wird. Gut: unter 2,5 Sekunden.

Interaction to Next Paint (INP): Reaktionsfähigkeit

INP misst, wie schnell die Seite über den gesamten Besuch hinweg auf Nutzerinteraktionen reagiert, und hat 2024 die ältere Kennzahl First Input Delay (FID) abgelöst. Sie erfasst die Verzögerung zwischen einem Tippen oder Klick und dem nächsten visuellen Update. Gut: unter 200 Millisekunden.

Cumulative Layout Shift (CLS): Visuelle Stabilität

CLS misst, wie stark sich die Seite während des Ladens unerwartet verschiebt (der ärgerliche Sprung, wenn ein spät geladenes Bild oder eine Anzeige Inhalte nach unten drückt). Gut: unter 0,1.

Google bewertet diese Werte im 75. Perzentil echter Besuche, Sie brauchen also die meisten Ihrer Nutzer und nicht nur die schnellsten für eine gute Erfahrung.

LCP verbessern

  • Optimieren Sie das LCP-Element. Identifizieren Sie es (die meisten Tools benennen es) und sorgen Sie dafür, dass es schnell lädt: Bild komprimieren und korrekt dimensionieren, moderne Formate (WebP/AVIF) ausliefern und das Hero-Bild nicht per Lazy Loading laden.
  • Liefern Sie responsive Bilder mit einem sauberen srcset aus, damit Geräte eine passend dimensionierte Datei herunterladen statt einer riesigen. (Siehe den Leitfaden zum Umgang mit responsiven Bildern .)
  • Beschleunigen Sie die Serverantwort (TTFB) mit Caching und einem CDN, damit das Dokument schnell ankommt.
  • Laden Sie kritische Ressourcen vor (das LCP-Bild, wichtige Schriften) und beseitigen Sie renderblockierendes CSS und JavaScript, wo immer möglich.
  • Nutzen Sie eine schnelle Bild-Pipeline. Die Auslieferung von Bildern über einen optimierten Dienst wie Cloudflare Image Transformations skaliert und komprimiert in Echtzeit.

INP verbessern

  • Reduzieren Sie die JavaScript-Ausführung. Schwere Skripte blockieren den Haupt-Thread und verzögern Reaktionen. Liefern Sie weniger JavaScript aus und entfernen Sie ungenutzten Code.
  • Teilen Sie lange Tasks auf. Zerlegen Sie langlaufende Arbeit, damit der Browser zwischen den Blöcken auf Eingaben reagieren kann.
  • Verschieben Sie unkritische Arbeit auf die Zeit nach der Interaktion und vermeiden Sie große, synchrone Handler.
  • Prüfen Sie Drittanbieter-Skripte. Tag-Manager, Chat-Widgets und Analytics sind häufige INP-Übeltäter; laden Sie sie effizient oder entfernen Sie, was Sie nicht brauchen.

CLS verbessern

  • Setzen Sie immer Breite und Höhe (oder CSS aspect-ratio) bei Bildern und Videos, damit der Browser Platz reserviert.
  • Reservieren Sie Platz für Anzeigen, Einbettungen und iframes, damit sie beim Laden keine Inhalte verschieben.
  • Vermeiden Sie es, Inhalte über bestehende Inhalte einzufügen nach dem Laden.
  • Laden Sie Schriften vor und nutzen Sie font-display sinnvoll, um Layout-Verschiebungen durch spät geladene Schriften zu reduzieren.

Richtig messen

  • Felddaten statt Labordaten. Google bewertet nach realen Nutzerdaten (Felddaten) wie dem Chrome User Experience Report , nicht nach einem einzelnen Laborlauf. Ein perfekter Laborwert mit schlechten Felddaten wird nicht bestanden.
  • Behalten Sie das 75. Perzentil im Blick. Ihren Median zu verbessern reicht nicht; das langsamere Viertel der Besuche lässt Sie durchfallen.
  • Testen Sie auf echten Geräten und Verbindungen, besonders auf Mobilgeräten der Mittelklasse, nicht nur auf einem schnellen Desktop.

Wichtigste Erkenntnisse

  • Die drei Core Web Vitals 2026 sind LCP, INP (das FID abgelöst hat) und CLS.
  • Zielen Sie auf LCP unter 2,5 s, INP unter 200 ms und CLS unter 0,1 im 75. Perzentil echter Besuche.
  • Die größten Gewinne: das LCP-Element und Bilder optimieren, JavaScript für INP kürzen und aufteilen sowie Platz reservieren, um Layout-Verschiebungen für CLS zu stoppen.
  • Beurteilen Sie den Erfolg an Felddaten, nicht nur an einem Laborwert.

Holen Sie sich eine professionelle Bewertung

Core Web Vitals sind nur ein Teil der technischen SEO. Ein technisches SEO-Audit deckt Core Web Vitals zusammen mit Crawl-Budget, Indexierung, Seitenarchitektur, JavaScript-Rendering und strukturierten Daten ab, mit einem priorisierten Maßnahmenplan auf Basis realer Ranking-Wirkung. Wenn Geschwindigkeit Ihr Hauptanliegen ist, geht der Leitfaden zum Beschleunigen Ihrer Website mit Cloudflare tiefer auf Performance ein.

Häufig gestellte Fragen (FAQ)

Was sind die drei Core Web Vitals 2026? Largest Contentful Paint (LCP) für das Laden, Interaction to Next Paint (INP) für die Reaktionsfähigkeit und Cumulative Layout Shift (CLS) für die visuelle Stabilität. INP hat 2024 First Input Delay (FID) als Core Web Vital abgelöst.

Was sind gute Core-Web-Vitals-Werte? LCP unter 2,5 Sekunden, INP unter 200 Millisekunden und CLS unter 0,1, gemessen im 75. Perzentil echter Nutzerbesuche. Sie brauchen die meisten Besucher, nicht nur die schnellsten, um diese Werte zu erreichen.

Beeinflussen Core Web Vitals das Google-Ranking? Ja. Sie sind Teil von Googles Page-Experience-Signalen. Sie sind nicht der einzige oder stärkste Ranking-Faktor, aber bei umkämpften Suchanfragen ist eine gute Nutzererfahrung ein spürbarer Vorteil, und eine schlechte hält Sie zurück.

Warum besteht meine Seite im Labor, scheitert aber in der Search Console? Weil Google Felddaten von echten Nutzern verwendet, nicht einen einzelnen Labortest. Echte Geräte, Verbindungen und das 75. Perzentil legen Probleme offen, die eine schnelle Testmaschine verbirgt. Optimieren Sie für reale Bedingungen.

Was ist der schnellste Weg, Core Web Vitals zu verbessern? Meist das Optimieren des LCP-Elements (das größte Bild komprimieren und dimensionieren, kein Lazy Loading dafür) und das Reduzieren von JavaScript. Für CLS setzen Sie Abmessungen bei Bildern und reservieren Platz für Anzeigen und Einbettungen.