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

Was Core Web Vitals sind — und warum sie zählen

Die Core Web Vitals sind Teil von Googles Bewertung der Seitenerfahrung. Sie messen nicht im Labor, sondern anhand echter Besucher, wie gut sich eine Seite anfühlt. Die offizielle Quelle dazu ist web.dev von Google, und Google bestätigt ihren Einfluss in der Search-Central-Dokumentation zur Seitenerfahrung.

Wichtig zu verstehen: Schnelle Seiten ranken nicht nur tendenziell besser, sie verkaufen auch besser. Jede zusätzliche Sekunde Ladezeit erhöht die Wahrscheinlichkeit, dass Besucher abspringen — Performance ist damit ein direkter Umsatzfaktor.

Drei Begriffe genügen für den Anfang: LCP für die Ladezeit, INP für die Reaktionsschnelligkeit und CLS für die optische Stabilität. Google bewertet diese Werte anhand der schlechteren 75 % der echten Seitenaufrufe — es zählt also nicht der Bestfall, sondern die Erfahrung der breiten Masse Ihrer Besucher.

Core Web Vitals messen die echte Nutzererfahrung — sie sind zugleich Ranking-Signal und einer der direktesten Hebel für mehr Conversions.

Die drei Werte im Detail

LCP — wie schnell lädt das Wichtigste?

Largest Contentful Paint misst, wie lange es dauert, bis das größte sichtbare Element (meist ein Bild oder die Überschrift) geladen ist. Gut ist ein Wert unter 2,5 Sekunden. Bremsen sind vor allem große, unoptimierte Bilder, langsame Server und blockierender Code.

INP — wie schnell reagiert die Seite?

Interaction to Next Paint hat 2024 den älteren Wert FID abgelöst und misst, wie zügig die Seite auf Eingaben reagiert — Klicks, Tippen, Antippen. Gut ist ein Wert unter 200 Millisekunden. Hauptursache für schlechte Werte ist zu viel JavaScript, das den Hauptthread blockiert.

CLS — bleibt das Layout stabil?

Cumulative Layout Shift misst, wie stark Inhalte beim Laden verrutschen — der bekannte Effekt, wenn man auf etwas tippen will und im letzten Moment ein Banner alles nach unten schiebt. Gut ist ein Wert unter 0,1. Die Lösung: für Bilder, Anzeigen und nachladende Elemente von Anfang an Platz reservieren.

So verbessern Sie die Werte konkret

Die gute Nachricht: Die wirksamsten Maßnahmen sind keine Geheimwissenschaft, sondern solide Handwerksarbeit. Die größten Hebel in der Praxis:

• Bilder modern komprimieren (WebP/AVIF) und in passender Größe ausliefern.
• JavaScript reduzieren und nur laden, was wirklich gebraucht wird.
• Schriften gezielt vorladen und Render-Blocker vermeiden.
• Feste Abmessungen für Bilder und eingebettete Elemente setzen (gegen CLS).
• Schnelles Hosting und Caching nutzen.

Messen statt raten

Bewerten Sie die Werte immer mit echten Daten. Kostenlose Werkzeuge wie Googles PageSpeed Insights zeigen sowohl Labor- als auch Felddaten und nennen konkrete Verbesserungsvorschläge. Wer tiefer einsteigen will, findet auf web.dev ausführliche Anleitungen pro Metrik.

Ein häufiger Irrtum ist, einmalig zu optimieren und dann nichts mehr zu prüfen. Performance ist kein Zustand, sondern eine Gewohnheit — gerade nach Inhalts-Updates oder einem Relaunch lohnt der erneute Blick auf die Werte.

Sinnvoll ist außerdem, Labor- und Felddaten zusammen zu lesen: Labordaten zeigen reproduzierbar, woran es technisch hakt, Felddaten zeigen, ob echte Nutzer das auch spüren. Wer beide Quellen kombiniert, priorisiert die richtigen Maßnahmen — und investiert Zeit dort, wo sie messbar etwas bringt, statt an Werten zu feilen, die im Alltag niemand bemerkt.

Optimieren Sie nach echten Felddaten, nicht nach Gefühl — und prüfen Sie die Werte nach jedem größeren Update erneut.

Häufige Missverständnisse bei den Core Web Vitals

Rund um die Core Web Vitals halten sich einige Mythen. Der hartnäckigste: Ein perfekter Wert von 100 im Test-Tool sei das Ziel. Tatsächlich zählt nicht der Laborwert, sondern die Felddaten echter Nutzer — ein „grüner“ Laborwert bei schlechten Felddaten hilft im Ranking wenig. Umgekehrt ist nicht jede gelbe Kennzahl gleich ein Drama.

Ein zweites Missverständnis: Performance sei reine Serversache. Tatsächlich entstehen die meisten Probleme im Frontend — zu große Bilder, zu viel JavaScript, nachladende Elemente ohne reservierten Platz. Ein schneller Server hilft, ersetzt aber keine saubere Umsetzung. Genauso wenig löst ein einzelnes Performance-Plugin strukturelle Probleme; es kaschiert sie höchstens.

Schließlich glauben viele, Core Web Vitals seien nur etwas für große Websites. Das Gegenteil stimmt: Gerade kleine Unternehmensseiten gewinnen überproportional, weil schon wenige gezielte Maßnahmen — optimierte Bilder, schlanker Code, gutes Hosting — den Unterschied zwischen Absprung und Anfrage ausmachen.

Nicht der perfekte Laborwert zählt, sondern die Erfahrung echter Nutzer — und die größten Hebel liegen fast immer im Frontend, nicht im Server.

Performance ist Teil des Designs

Bei RENUV sind gute Core Web Vitals kein nachträglicher Optimierungsschritt, sondern von Anfang an Teil der Bauweise — selbst die aufwendige 3D-Startseite ist auf Tempo getrimmt. Welche Branchenlösungen davon profitieren, zeigt die Leistungsübersicht; besonders bildlastige Seiten wie für Immobilienmakler gewinnen durch konsequente Performance.

Wenn ein Relaunch ansteht, sollte Geschwindigkeit von Beginn an mitgedacht werden — die passende Reihenfolge liefert die Website-Relaunch Checkliste.