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

CMS-Buttler Performance-Ratgeber

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

Eine Website kann technisch erreichbar sein und sich trotzdem langsam oder unruhig anfühlen. Die Core Web Vitals machen drei zentrale Teile der Nutzererfahrung messbar: Laden, Reagieren und visuelle Stabilität.

LCP

Wann wird der größte sichtbare Inhalt geladen?

≤ 2,5 s

INP

Wie schnell reagiert die Seite auf Eingaben?

< 200 ms

CLS

Wie stabil bleibt das Layout beim Laden?

≤ 0,1

Die Werte zeigen die von Google empfohlenen Bereiche für eine gute Nutzererfahrung. Bewertet wird üblicherweise das 75. Perzentil realer Seitenaufrufe.

LCP: Wann erscheint der wichtigste sichtbare Inhalt?

Largest Contentful Paint misst, wie lange es dauert, bis das größte Bild oder der größte Textblock im sichtbaren Bereich dargestellt ist. Häufig ist das ein großes Titelbild, ein Banner oder ein umfangreicher Textblock. Ein guter LCP liegt laut Google bei höchstens 2,5 Sekunden.

Typische Ursachen für schlechte Werte sind zu große Bilder, langsames Hosting, blockierende Stylesheets, unnötige Skripte oder ein Titelbild, das zu spät angefordert wird. Die Lösung ist nicht automatisch ein weiteres Optimierungs-Plugin. Zuerst muss das tatsächliche LCP-Element identifiziert werden.

INP: Wie schnell reagiert die Website?

Interaction to Next Paint bewertet die Reaktionsfähigkeit bei Klicks, Tippen und Tastatureingaben über den gesamten Besuch. Ein guter INP liegt unter 200 Millisekunden. Lange JavaScript-Aufgaben, aufwendige Menüs, Filter, Consent-Werkzeuge oder Drittanbieter-Skripte können den Hauptthread blockieren.

INP lässt sich im Labor nur eingeschränkt nachbilden, weil dafür echte Interaktionen nötig sind. Lighthouse verwendet stattdessen unter anderem Total Blocking Time als Hilfswert. Für die abschließende Bewertung sind Felddaten echter Besucher deshalb besonders wichtig.

CLS: Bleibt das Layout ruhig?

Cumulative Layout Shift misst unerwartete Layoutverschiebungen. Springt ein Absatz nach unten, weil ein Bild ohne reservierte Größe nachlädt, oder verschiebt ein Banner plötzlich eine Schaltfläche, steigt der CLS. Ein guter Wert liegt bei höchstens 0,1.

Häufig helfen feste Breiten- und Höhenangaben für Bilder, reservierter Platz für Einbettungen sowie vorsichtiger Umgang mit nachgeladenen Bannern, Schriftarten und Werbeflächen. Ziel ist nicht nur eine Zahl: Niemand soll versehentlich die falsche Schaltfläche treffen.

Laborwert oder echte Nutzerdaten?

Labordaten entstehen in einer kontrollierten Testumgebung und helfen beim Finden technischer Ursachen. Felddaten stammen aus realen Besuchen und berücksichtigen unterschiedliche Geräte, Verbindungen und Interaktionen. PageSpeed Insights kann beide Perspektiven zeigen. Die Search Console fasst Felddaten für Seitengruppen zusammen.

Ein sinnvoller Optimierungsablauf

  1. Wichtige Seitentypen auswählen: Startseite, Leistungen, Kontakt, Beiträge und gegebenenfalls Shop oder Buchung testen.
  2. Felddaten prüfen: Gibt es genug reale Daten und welche Seitengruppen fallen auf?
  3. Probleme im Labor eingrenzen: LCP-Element, blockierende Aufgaben und Layoutverschiebungen identifizieren.
  4. Eine Ursache gezielt beheben: zum Beispiel Titelbild verkleinern, Skript verzögern oder Bildfläche reservieren.
  5. Funktion und Darstellung testen: Desktop, Smartphone, Formulare, Navigation und Consent-Lösung prüfen.
  6. Erneut messen: Laborwerte reagieren sofort; Felddaten benötigen neue reale Besuche und damit Zeit.

Warum ein grüner Score nicht das einzige Ziel ist

Core Web Vitals sind wichtig, aber nicht die komplette Qualität einer Website. Google beschreibt sie als Teil der gesamten Seitenerfahrung. Relevante Inhalte, klare Navigation, Barrierearmut, Sicherheit und eine verständliche Nutzerführung bleiben ebenso entscheidend. Eine inhaltlich leere Seite wird nicht wertvoll, nur weil sie schnell lädt.

Ihre Website fühlt sich langsam an?

CMS-Buttler prüft WordPress-Websites auf reale Engpässe und priorisiert Maßnahmen nach Wirkung – statt wahllos weitere Plugins zu installieren.

Performance-Check anfragen

Häufige Fragen

Sind Core Web Vitals ein Rankingfaktor?

Google empfiehlt gute Core Web Vitals für Sucherfolg und Nutzererfahrung. Sie sind jedoch nur ein Teil der Seitenerfahrung und ersetzen weder Relevanz noch hilfreiche Inhalte.

Warum zeigt PageSpeed bei mehreren Tests andere Werte?

Netzwerk, Serverantwort, Cache und Testumgebung können variieren. Einzelmessungen sind Momentaufnahmen; Trends und Felddaten sind aussagekräftiger.

Kann ein Cache-Plugin alle Probleme lösen?

Nein. Caching kann helfen, doch zu große Medien, blockierendes JavaScript, langsame Drittanbieter oder Layoutverschiebungen benötigen jeweils passende Maßnahmen.

Quellen und weiterführende Hinweise

Quellen geprüft am 25. Juli 2026.

Vertrag widerrufen