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

Wenn eine Website sich zäh anfühlt, springt der Besucher ab, bevor er Ihr Angebot gelesen hat. Genau dieses Gefühl versucht Google mit den Core Web Vitals in drei Messwerte zu übersetzen. Für Betriebe mit einer normalen Firmenwebsite sind sie kein Hexenwerk, aber sie decken zuverlässig auf, wo eine Seite unnötig Geduld kostet.

In diesem Ratgeber erfahren Sie, was LCP, INP und CLS bedeuten, welche Grenzwerte gelten, wie Sie Ihre eigene Seite kostenlos messen und welche Maßnahmen in der Praxis am meisten bringen. Dazu kommt eine ehrliche Einordnung, wie stark die Werte das Ranking tatsächlich beeinflussen.

Was sind die Core Web Vitals?

Die Core Web Vitals sind drei Kennzahlen, mit denen Google die Nutzererfahrung einer Seite beschreibt. Sie messen nicht, wie „schön“ eine Seite ist, sondern wie schnell sie sich nutzbar anfühlt:

• LCP (Largest Contentful Paint): Wie lange dauert es, bis das größte sichtbare Element geladen ist, meist das Titelbild oder die Hauptüberschrift?
• INP (Interaction to Next Paint): Wie schnell reagiert die Seite, wenn jemand klickt, tippt oder ein Menü öffnet?
• CLS (Cumulative Layout Shift): Wie stark verrutschen Inhalte, während die Seite lädt?

INP hat im März 2024 den früheren Wert FID (First Input Delay) abgelöst. Wenn Sie in älteren Artikeln noch von FID lesen, sind diese Angaben überholt.

Die Grenzwerte im Überblick

Google teilt jeden Wert in drei Bereiche ein. Maßgeblich ist das 75. Perzentil der echten Besuche: Drei von vier Besuchern sollten also mindestens den „guten“ Wert erleben.

Wie stark beeinflussen sie das Ranking?

Die Core Web Vitals sind ein Rankingsignal, aber kein dominantes. Inhalt und Relevanz zählen deutlich mehr: Eine Seite mit der besseren Antwort schlägt eine schnelle Seite mit dünnem Text. Bei ähnlich guten Seiten kann die Ladeerfahrung jedoch den Ausschlag geben.

Der größere Hebel ist oft indirekt. Eine Seite, die langsam lädt oder beim Tippen springt, verliert Besucher, bevor sie anrufen oder das Formular ausfüllen. Gerade bei Google Ads zahlen Sie für jeden Klick, der auf einer trägen Seite verpufft, doppelt. Schnelle Seiten sind deshalb vor allem ein Conversion-Thema, das nebenbei dem SEO hilft.

So messen Sie Ihre Werte kostenlos

Für den Anfang brauchen Sie keine kostenpflichtigen Werkzeuge:

• PageSpeed Insights: Zeigt oben echte Nutzerdaten (sofern genug Besuche vorliegen) und darunter einen Labortest mit konkreten Hinweisen.
• Google Search Console: Der Bericht „Core Web Vitals“ fasst zusammen, welche Seitengruppen als gut, verbesserungswürdig oder schlecht gelten.
• Lighthouse im Chrome-Browser: Ein Labortest, den Sie beliebig oft wiederholen können, ideal nach einer Änderung.

Wichtig ist die Unterscheidung zwischen Felddaten (echte Besucher der letzten 28 Tage) und Labordaten (ein einzelner simulierter Test). Für Google zählen die Felddaten. Labordaten helfen Ihnen, Ursachen zu finden und Verbesserungen sofort zu prüfen. Messen Sie außerdem getrennt für Mobilgeräte und Desktop: Auf dem Handy sind die Werte fast immer schlechter.

LCP verbessern: Das Hauptbild schneller laden

Bei den meisten Firmenwebsites ist das größte Element das Bild im oberen Bereich. Folgende Maßnahmen wirken in der Praxis am stärksten:

• Bilder verkleinern und modern komprimieren: WebP oder AVIF statt großer JPEGs. Ein Titelbild mit 3 MB ist selten nötig, 100 bis 200 KB reichen meist.
• Passende Größe ausliefern: Ein Bild mit 4.000 Pixeln Breite auf einem 400 Pixel breiten Handydisplay ist reine Verschwendung. Mit srcset bekommt jedes Gerät die passende Version.
• Das LCP-Bild nicht verzögert laden: „Lazy Loading“ gehört auf Bilder weiter unten, nicht auf das erste sichtbare Bild. Dort hilft stattdessen fetchpriority="high".
• Schnelle Serverantwort: Ein überlasteter Billig-Tarif oder ein WordPress ohne Seiten-Cache kostet schon vor dem ersten Byte wertvolle Zeit.
• Weniger blockierende Skripte und Styles: Alles, was vor dem ersten Bild geladen werden muss, verzögert es.

INP verbessern: Wenn die Seite beim Klicken hakt

Schlechte INP-Werte entstehen, wenn der Browser mit JavaScript beschäftigt ist und deshalb nicht auf eine Eingabe reagieren kann. Typische Verursacher sind schwere Page-Builder, viele Plugins, Chat-Widgets, Tracking-Skripte und Cookie-Banner.

• Unnötige Skripte entfernen: Jedes Drittanbieter-Widget kostet Rechenzeit. Fragen Sie bei jedem: Bringt es mir nachweislich Anfragen?
• Skripte verzögert laden: Was nicht sofort gebraucht wird (Chat, Karten, Videos), kann nach der ersten Interaktion nachgeladen werden.
• Lange Aufgaben vermeiden: Das ist vor allem bei individuell entwickelten Seiten relevant. Große Rechenblöcke lassen sich aufteilen.
• Einfache Seitenstruktur: Je kleiner das DOM (die Zahl der Elemente auf der Seite), desto schneller reagiert die Seite.

CLS verbessern: Schluss mit springenden Inhalten

Jeder kennt es: Man will auf einen Button tippen, plötzlich lädt eine Anzeige nach, und man trifft das Falsche. CLS misst genau das. Die häufigsten Ursachen lassen sich meist schnell beheben:

• Bilder und Videos mit Breite und Höhe auszeichnen: So reserviert der Browser den Platz, bevor das Bild da ist.
• Platz für Banner und Einbettungen reservieren: Cookie-Hinweise, Karten und Social-Feeds sollten den Inhalt nicht nach unten schieben.
• Schriften sauber laden: Wenn eine Webschrift spät eintrifft und anders breit ist, springt der Text. Eine passende Ersatzschrift und font-display mildern das.
• Keine Inhalte oberhalb bereits sichtbarer Elemente einfügen: Nachträglich eingeblendete Hinweisleisten sind ein Klassiker.

Realistische Aufwände und Prioritäten

Nicht jede Maßnahme lohnt sich gleich. Als grobe Orientierung für eine kleine Firmenwebsite:

Beginnen Sie oben in der Tabelle. Häufig reichen die ersten drei Punkte, um aus „schlecht“ ein „gut“ zu machen. Erst wenn das nicht genügt, lohnt sich der Umbau auf eine technisch schlankere Basis.

Dranbleiben: Werte ändern sich

Core Web Vitals sind kein einmaliges Projekt. Ein neues Plugin, ein größeres Titelbild oder ein zusätzliches Tracking-Skript können gute Werte wieder verschlechtern. Prüfen Sie deshalb nach jeder größeren Änderung kurz mit PageSpeed Insights und schauen Sie ein Mal im Quartal in die Search Console. Genau dafür ist laufende Website-Wartung sinnvoll: Updates, Backups und Performance-Kontrolle gehören zusammen.

Fazit

LCP, INP und CLS beschreiben, ob Ihre Website schnell lädt, flüssig reagiert und stabil bleibt. Die Grenzwerte sind klar, die Messung ist kostenlos, und die wirksamsten Maßnahmen sind meist unspektakulär: kleinere Bilder, weniger Skripte, feste Platzhalter. Wer das konsequent umsetzt, gewinnt nicht nur ein Quäntchen Ranking, sondern vor allem Besucher, die bleiben. Wie Technik und Inhalte zusammenspielen, zeigt unsere Übersicht zur Suchmaschinenoptimierung.

Häufige Fragen zu Core Web Vitals