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

Die Core Web Vitals sind drei Messwerte, mit denen Google das Nutzererlebnis einer Website bewertet: Largest Contentful Paint (Ladegeschwindigkeit), Interaction to Next Paint (Reaktionsfähigkeit) und Cumulative Layout Shift (visuelle Stabilität). Sie fließen als Teil der Page Experience in das Google-Ranking ein.

Wichtig zu wissen: Seit März 2024 hat sich das Trio verändert. Die Metrik First Input Delay (FID) wurde durch Interaction to Next Paint (INP) ersetzt. Wer heute noch für FID optimiert, optimiert für eine Metrik, die Google gar nicht mehr misst.

Was sind die Core Web Vitals?

Die Core Web Vitals sind der Kern der sogenannten Web Vitals, einer Initiative von Google, die Nutzererfahrung von Websites messbar zu machen. Sie beantworten drei Fragen aus Sicht deiner Besucher: Wie schnell sehe ich den Inhalt? Wie flott reagiert die Seite auf meine Eingaben? Und verrutscht dabei etwas auf dem Bildschirm?

Google selbst betont, dass gute Werte kein Ranking-Wundermittel sind. Sie sind aber ein Baustein der Page Experience und damit ein Faktor unter vielen. Vor allem sorgen sie für zufriedene Besucher, und das zahlt am Ende immer auf deinen Erfolg ein: Wer nicht auf eine träge, springende Seite wartet, bleibt länger und kommt eher wieder.

Largest Contentful Paint (LCP)

Largest Contentful Paint misst die Zeit, bis das größte Element im sichtbaren Bereich vollständig angezeigt wird, meist ein großes Bild, ein Video oder ein Textblock. Als gut gilt ein LCP von 2,5 Sekunden oder schneller, Werte bis 4 Sekunden sind verbesserungswürdig, alles darüber gilt als schlecht.

Die Ermittlung ist ein dynamischer Prozess: Was zuerst lädt, muss nicht das größte Element sein. PageSpeed Insights zeigt dir in einer Bildabfolge, welches Element am Ende als LCP gewertet wird, so weißt du genau, wo du optimieren musst.

Die wichtigsten Stellhebel für einen besseren LCP-Wert:

Schnelle Server-Antwortzeiten: gutes Hosting, Caching und bei internationalem Publikum ein CDN.
Optimierte Bilder: moderne Formate wie WebP, passende Größen und Kompression. Wie das geht, zeigt mein Beitrag Bilder für die Webseite optimieren.
Weniger blockierender Code: CSS und JavaScript minimieren und nicht-kritische Skripte verzögert laden.

Interaction to Next Paint (INP): der Nachfolger von FID

Interaction to Next Paint misst, wie schnell deine Website auf Eingaben reagiert: vom Klick, Tipp oder Tastendruck bis zur nächsten sichtbaren Rückmeldung auf dem Bildschirm. Als gut gilt ein INP von 200 Millisekunden oder weniger, Werte zwischen 200 und 500 Millisekunden sind verbesserungswürdig, über 500 Millisekunden gilt als schlecht.

INP hat am 12. März 2024 die bisherige Metrik First Input Delay (FID) abgelöst. Der Grund: FID betrachtete nur die Verzögerung der allerersten Eingabe und auch dort nur einen Teil der Wartezeit. INP misst dagegen alle Interaktionen während des gesamten Besuchs und die komplette Zeitspanne bis zur sichtbaren Reaktion. Das bildet die gefühlte Trägheit einer Seite deutlich ehrlicher ab.

Der Haupthebel für einen guten INP-Wert ist JavaScript: lange Skript-Aufgaben aufteilen, nicht genutzten Code entfernen und schwere Plugins kritisch hinterfragen. Da INP aus echten Nutzerdaten (Felddaten) ermittelt wird, braucht es eine gewisse Menge an Besuchern, bis Google den Wert für deine Website ausweist.

Cumulative Layout Shift (CLS)

Cumulative Layout Shift misst, wie stark sich sichtbare Elemente während des Ladens verschieben. Jeder kennt den Effekt: Man will einen Button antippen, im letzten Moment rutscht ein Banner dazwischen. Google bewertet einen CLS-Wert unter 0,1 als gut, Werte zwischen 0,1 und 0,25 als verbesserungswürdig und alles darüber als schlecht.

Typische Ursachen sind Bilder ohne hinterlegte Größenangaben, nachträglich eingeblendete Werbe- oder Cookie-Banner und Schriften, die beim Laden die Textgröße verändern. Die Lösung: Für alle Medien feste Platzhalter reservieren, damit der Browser den Platz von Anfang an einplant.

Core Web Vitals messen: PageSpeed Insights und Search Console

Mit PageSpeed Insights prüfst du einzelne Seiten: Das Tool zeigt dir die Core Web Vitals aus echten Nutzerdaten (sofern vorhanden) plus Labordaten und liefert konkrete Verbesserungsvorschläge gleich mit.

Den Gesamtüberblick liefert die Google Search Console: Der Bericht „Core Web Vitals“ gruppiert alle Seiten deiner Website in gut, verbesserungswürdig und schlecht, getrennt nach Mobilgeräten und Desktop. So erkennst du Muster, statt Seite für Seite einzeln zu testen.

Fazit

Die Core Web Vitals machen Nutzererlebnis messbar: LCP für das Laden (bis 2,5 Sekunden), INP für die Reaktionsfähigkeit (bis 200 Millisekunden) und CLS für die visuelle Stabilität (unter 0,1). Seit März 2024 gehört FID der Vergangenheit an. Miss deine Website regelmäßig mit PageSpeed Insights und der Search Console, und optimiere dort, wo die Werte rot oder gelb sind.

Deine Werte stehen im roten Bereich und du weißt nicht, wo du anfangen sollst? Mit meiner Webseiten-Analyse und Beratung finde ich die Bremsen deiner Website und zeige dir die wirksamsten Maßnahmen.

FAQ: Häufige Fragen zu den Core Web Vitals

Drei Messwerte, mit denen Google das Nutzererlebnis bewertet: Largest Contentful Paint (wie schnell der Hauptinhalt lädt), Interaction to Next Paint (wie schnell die Seite auf Eingaben reagiert) und Cumulative Layout Shift (wie stabil das Layout beim Laden bleibt).

First Input Delay betrachtete nur die Verzögerung der allerersten Eingabe. Interaction to Next Paint misst seit dem 12. März 2024 alle Interaktionen eines Besuchs und die komplette Zeit bis zur sichtbaren Reaktion und bildet die tatsächliche Reaktionsfähigkeit damit deutlich besser ab.

LCP: 2,5 Sekunden oder schneller. INP: 200 Millisekunden oder weniger. CLS: unter 0,1. Gemessen wird jeweils am 75. Perzentil der echten Nutzerdaten, es reicht also nicht, wenn die Seite nur bei dir selbst schnell lädt.

Ja, als Teil der Page Experience fließen sie in das Google-Ranking ein. Sie sind aber einer von vielen Faktoren: Hervorragende Inhalte mit mittelmäßigen Werten schlagen schwache Inhalte mit perfekten Werten. Ideal ist natürlich beides.

Die größten Hebel bei WordPress sind ein Caching-Plugin, optimierte Bilder im WebP-Format, ein schlankes Theme und der Verzicht auf überflüssige Plugins. PageSpeed Insights zeigt dir zu jeder Seite konkrete Empfehlungen in der Reihenfolge ihrer Wirkung.