Core Web Vitals einfach erklärt: LCP, INP, CLS

Was sind Core Web Vitals?

Core Web Vitals sind ein Set aus drei Metriken, mit denen Google die Nutzererfahrung beim Laden einer Webseite messbar macht. Sie decken drei Bereiche ab: das Ladeerlebnis (wie schnell wird der Hauptinhalt sichtbar), die Interaktivität (wie schnell reagiert die Seite auf eine Aktion) und die visuelle Stabilität (springt das Layout beim Laden). Google hat sie 2021 eingeführt und in den Ranking-Faktor Page Experience aufgenommen.

Der entscheidende Punkt: Diese Werte werden nicht im Labor geraten, sondern aus dem Verhalten echter Chrome-Nutzer erhoben. Eine Seite gilt bei einer Metrik als gut, wenn 75 Prozent aller Seitenaufrufe unter dem Schwellenwert liegen. Damit misst Google nicht den Idealfall, sondern die Erfahrung der breiten Masse deiner Besucher.

Die drei Metriken: LCP, INP, CLS

Hinter den Abkürzungen stehen drei klar abgegrenzte Fragen. LCP misst, wann das größte sichtbare Element geladen ist, meist ein Hero-Bild oder ein Textblock. INP misst, wie schnell die Seite auf Interaktionen wie Klicks und Tastatureingaben reagiert, und hat im März 2024 das alte FID abgelöst. CLS misst, wie stark sich das Layout beim Laden verschiebt, also ob ein Button wegspringt, während du klicken willst.

Jede Metrik hat drei Zonen: gut, verbesserungswürdig und schlecht. Diese Schwellenwerte gelten aktuell:

Wie du sie misst

Beim Messen gibt es zwei Datenarten, und der Unterschied entscheidet, ob dein Ergebnis fürs Ranking zählt. Labordaten stammen aus einem simulierten Test unter kontrollierten Bedingungen. Sie sind ideal zum Debuggen, weil sie reproduzierbar sind. Felddaten stammen von echten Chrome-Nutzern und werden im Chrome User Experience Report (CrUX) gesammelt. Nur die Felddaten fließen ins Ranking ein.

Drei Tools decken den Alltag ab. PageSpeed Insights ist der beste Startpunkt: Es zeigt Feld- und Labordaten nebeneinander, getrennt für Mobile und Desktop, plus konkrete Optimierungsvorschläge. Der Core-Web-Vitals-Bericht in der Google Search Console gruppiert alle URLs deiner Seite in gut, verbesserungswürdig und schlecht und zeigt Trends über Zeit. Lighthouse in den Chrome DevTools liefert für einzelne Seiten einen tiefen technischen Audit.

Ein häufiger Fehler: nur auf den grünen Lab-Score schauen. PageSpeed Insights zeigt oft 90+ im Labor, während die Felddaten rot sind. Was zählt, ist die Erfahrung deiner echten Besucher, meist auf dem Smartphone.

Wie du sie verbesserst

Die Ursachen für schlechte Werte sind bekannt, und damit auch die Hebel. Ein Punkt vorweg, den die meisten Ratgeber verschweigen: Der größte Hebel ist nicht ein Plugin, sondern sauberer Code und gute Infrastruktur von Anfang an. Jedes Plugin, jedes Third-Party-Skript und jeder überladene Page-Builder kostet Performance, die du hinterher mühsam zurückholen musst.

Für LCP zählt vor allem das Ladeerlebnis des Hauptbilds. Optimiere Bilder und Video (WebP oder AVIF statt JPEG, richtige Größe, Komprimierung), verzichte beim Hero-Bild bewusst auf Lazy Loading, sorge für schnelle Serverantwortzeiten über gutes Hosting und ein CDN, und eliminiere render-blockierendes CSS und JavaScript.

Für INP geht es um die Reaktionszeit. Reduziere schweres JavaScript, das den Main-Thread blockiert, brich lange Aufgaben auf, und lade Third-Party-Skripte wie Analytics und Chat-Widgets verzögert. Für CLS reservierst du Platz: feste Dimensionen für Bilder, Container mit fester Höhe für dynamische Inhalte, font-display swap für Web Fonts und Animationen über transform statt über Layout-Eigenschaften.

Lazy Loading gehört auf alles unterhalb des Viewports, aber niemals auf das LCP-Element selbst. Genau solche Details entscheiden zwischen grün und gelb.

Wie wichtig sind Core Web Vitals fürs Ranking wirklich?

Hier lohnt sich Ehrlichkeit, weil das Thema oft überhöht wird. Core Web Vitals sind ein Ranking-Faktor, aber einer unter über zweihundert. Das Google-Ranking hängt zuerst an Relevanz und Autorität. Eine perfekt schnelle Seite ohne passenden Inhalt rankt nicht, und ein starker Inhalt mit mittelmäßigen Werten kann trotzdem vorne stehen.

Wo Core Web Vitals wirklich zählen, ist der Tiebreaker. In umkämpften Nischen, wenn zwei Seiten inhaltlich gleichauf liegen, gewinnt die technisch bessere. Und es gibt einen zweiten, oft unterschätzten Effekt: Schlechte Werte schaden dir über die Nutzersignale. Langsame, ruckelige Seiten verlieren Besucher, und höhere Absprungraten drücken deine Position zusätzlich.

Unterm Strich: Core Web Vitals sind kein Wundermittel für Platz eins, aber ein technisches Eintrittsticket, das du nicht verschenken solltest. Der eigentliche Gewinn liegt nicht im Ranking-Signal, sondern in der besseren Erfahrung, die mehr Besucher zu Kunden macht.

Core Web Vitals im B2B

Im B2B trifft die Nutzererfahrung auf eine anspruchsvolle Zielgruppe: Entscheider, die wenig Geduld haben und den technischen Eindruck einer Seite unbewusst auf das Unternehmen übertragen. Eine ruckelnde, langsame Website untergräbt das Vertrauen, bevor jemand deine Leistung überhaupt gelesen hat. Genau hier entscheidet sich, ob deine Site professionell wirkt.

Unser Ansatz setzt einen Schritt früher an. Wir holen grüne Werte nicht durch Nacharbeit und Plugin-Stapel zurück, sondern bauen von Anfang an so, dass sie grün sind: schlanker Code, saubere Bild-Pipeline, kein überladener Page-Builder, gutes Hosting und ein CDN als Standard. Ein Ergebnis dieses Ansatzes ist unsere Enterprise-Website für FRAMEN, die im grünen Bereich der Core Web Vitals liegt, ohne dass wir hinterher etwas retten mussten.

Wie das technisch entsteht und was ein sauberes Fundament ausmacht, zeigen wir in unserer Web Development-Leistung.

Häufige Fragen