Core Web Vitals: LCP, INP, CLS — was Google wirklich misst
Keine Labor-Metriken — Messungen an Ihren echten Nutzern. Hier ist, was jedes Signal bedeutet, warum es zählt und wie man es verbessert.
- Core Web Vitals messen die Erfahrung Ihrer echten Nutzer — kein Laborszenario. Das ist der fundamentale Unterschied zum PageSpeed-Score.
- INP hat FID im März 2024 ersetzt. Wenn Sie noch über FID sprechen, sind Ihre Informationen veraltet.
- CWV sind ein Google-Ranking-Signal, aber nicht das einzige. Qualitätsinhalte mit ordentlichen CWV schlagen immer eine ultra-optimierte Website mit schlechten Inhalten.
Wenn über Web-Performance und SEO gesprochen wird, werden Core Web Vitals (CWV) oft erwähnt, aber selten richtig verstanden. Die meisten WordPress-Seitenbetreiber verwechseln sie mit dem PageSpeed Insights Score. Das sind zwei verschiedene Dinge.
Core Web Vitals sind Metriken, die die reale Erfahrung Ihrer Besucher messen. Keine Simulation in einer kontrollierten Umgebung — Ihre echten Nutzer, auf ihren echten Geräten, mit ihren echten Verbindungen.
Dieser Leitfaden entmystifiziert die drei Metriken: LCP, INP und CLS. Wir schauen uns an, was jede genau misst, welche Schwellenwerte wichtig sind, warum sie erstellt wurden und wie Sie sie konkret verbessern können.
Der Ursprung der Core Web Vitals: Warum Google sie erstellt hat
Vor 2020 nutzte Google disparate technische Metriken zur Bewertung der Nutzererfahrung: First Contentful Paint, Speed Index, Time to Interactive... Nützlich, aber schwer zu interpretieren und oft losgelöst von dem, was Nutzer wirklich wahrnehmen.
Im Mai 2020 startete Google die Core Web Vitals: einen Satz von drei standardisierten Metriken, fokussiert auf drei grundlegende Dimensionen der Erfahrung: Laden, Interaktivität und visuelle Stabilität.
Diese Metriken werden über den Chrome UX Report (CrUX) erfasst, der anonymisierte Daten von echten Chrome-Nutzern der letzten 28 Tage aggregiert. Wenn Ihre Website genug Chrome-Traffic hat, erhalten Sie einen genauen Spiegel der realen Nutzererfahrung.
Seit Juni 2021 sind Core Web Vitals Teil von Googles Ranking-Signalen durch das "Page Experience"-Update. Es ist nicht das einzige Signal — Inhalte sind nach wie vor König — aber es ist das einzige, das direkt mit der technischen Erfahrung Ihrer Besucher zusammenhängt.
LCP — Largest Contentful Paint: wahrgenommene Geschwindigkeit
LCP — Largest Contentful Paint: wahrgenommene Geschwindigkeit
LCP misst die Zeit, die benötigt wird, um das größte sichtbare Element im Viewport zu rendern. In der Praxis ist das meist ein Hero-Bild, ein großes Foto oder eine Hauptüberschrift.
Es ist die Metrik, die am besten der Nutzerwahrnehmung von "die Seite hat geladen" entspricht. Nicht wenn das erste Pixel erscheint (FCP), noch wenn alles vollständig interaktiv ist (TTI) — wenn der Hauptinhalt sichtbar ist.
LCP-Schwellenwerte
- Gut: unter 2,5 Sekunden
- Verbesserungsbedarf: zwischen 2,5 und 4 Sekunden
- Kritisch: über 4 Sekunden
Häufige Ursachen für schlechten LCP
- Langsamer Server (hoher TTFB): Wenn der Server 2 Sekunden für die Antwort braucht, kann LCP nicht gut sein. Das ist der erste Engpass, den es zu beheben gilt.
- Nicht optimierte Bilder: Ein unkomprimiertes Hero-Bild in JPEG/PNG statt WebP, ohne korrekte Dimensionierung, ist oft der Hauptverursacher.
- Rendering-blockierende Ressourcen: Synchron geladene CSS und JavaScript, die die Inhaltsdarstellung verzögern.
- Client-seitiges Rendering (CSR): Websites, die mit JavaScript-Frameworks wie React oder Vue im CSR-Modus erstellt wurden, müssen JS ausführen, bevor sie etwas anzeigen.
INP — Interaction to Next Paint: echte Reaktionsfähigkeit
INP — Interaction to Next Paint: echte Reaktionsfähigkeit
INP (Interaction to Next Paint) hat FID (First Input Delay) offiziell im März 2024 abgelöst. Das ist die bedeutendste Änderung an den Core Web Vitals seit ihrem Launch.
Während FID nur die Verzögerung bei der allerersten Interaktion maß, misst INP die Latenz aller Interaktionen während der gesamten Sitzung: Klicks, Taps, Tastatureingaben. Es erfasst das 98. Perzentil — eine einzige langsame Interaktion kann den Score verschlechtern.
In der Praxis misst INP die Zeit zwischen der Nutzerinteraktion (Klick, Tap, Tastendruck) und der nächsten visuellen Aktualisierung durch den Browser. Es ist die wahrgenommene Reaktionsfähigkeit.
INP-Schwellenwerte
- Gut: unter 200 Millisekunden
- Verbesserungsbedarf: zwischen 200 und 500 Millisekunden
- Kritisch: über 500 Millisekunden
Häufige Ursachen für schlechten INP
- Schweres JavaScript im Haupt-Thread: Lange Berechnungen, komplexe Schleifen oder übermäßige DOM-Rendering-Operationen blockieren den Thread und verzögern die Reaktion.
- Lange Aufgaben (Long Tasks): Jede JS-Aufgabe, die länger als 50 ms im Haupt-Thread läuft, gilt als lang und kann INP beeinflussen.
- Drittanbieter-Skripte: Analytics, Chatbots, Werbung, Social-Media-Plugins — jedes Drittanbieter-Skript fügt Last zum Haupt-Thread hinzu.
- Schwere Event-Handler: Event-Listener, die bei jeder Interaktion Style-Neuberechnungen oder komplexe Repaints auslösen.
CLS — Cumulative Layout Shift: visuelle Stabilität
CLS — Cumulative Layout Shift: visuelle Stabilität
CLS misst die visuelle Stabilität der Seite beim Laden. Es quantifiziert, wie sehr sich Elemente unerwartet bewegen — das frustrierende Phänomen, bei dem Sie gerade auf einen Button klicken wollen und der Inhalt sich kurz vorher verschiebt.
Technisch ist CLS das Produkt aus dem Impact-Anteil (welcher Bildschirmteil sich bewegt hat) und dem Distanz-Anteil (wie weit sich das Element verschoben hat). Es ist ein einheitenloser Wert, keine Zeitangabe.
Seit 2021 hat Google die CLS-Messung verfeinert und "Session-Windows" eingeführt: Es misst nicht mehr die Summe aller Verschiebungen, sondern die schlechteste Gruppe von Verschiebungen, die innerhalb eines 1-Sekunden-Fensters auftreten, getrennt durch mindestens 5 Sekunden.
CLS-Schwellenwerte
- Gut: unter 0,1
- Verbesserungsbedarf: zwischen 0,1 und 0,25
- Kritisch: über 0,25
Häufige Ursachen für schlechten CLS
- Bilder ohne Abmessungen: Wenn img-Tags keine width- und height-Attribute haben, reserviert der Browser keinen Platz und der Inhalt verschiebt sich, wenn das Bild lädt.
- Dynamisch eingefügter Inhalt: Cookie-Banner, Pop-ups, Werbeanzeigen, die nach dem initialen Rendering geladen werden und den Inhalt nach unten schieben.
- Webfonts (FOUT/FOIT): Wenn eine Webfont lädt und die Fallback-Schriftart ersetzt, können metrische Änderungen Text und umgebende Elemente verschieben.
- Nicht optimierte CSS-Animationen: transform und opacity statt top/left/width/height für Animationen zu verwenden, vermeidet Layout-Neuberechnungen.
Wie Sie Ihre Core Web Vitals messen
Es gibt zwei Kategorien von Tools zur Messung von CWV: Feld-Tools (echte Daten) und Labor-Tools (Simulation). Für SEO sind Felddaten entscheidend — aber Labor-Tools sind für die Diagnose unerlässlich.
- Google Search Console: Registerkarte "Seitenerfahrung" — zeigt Ihre aggregierten CWV nach URL und Kategorie (Mobil/Desktop). Das ist die offizielle Quelle, die Google für das Ranking verwendet.
- PageSpeed Insights (Abschnitt Felddaten): zeigt CWV der letzten 28 Tage für eine spezifische URL, wenn ausreichend Traffic vorhanden ist.
- CrUX Dashboard (Looker Studio): offizielles Google-Dashboard, das die Entwicklung Ihrer CWV über die Zeit visualisiert. Sehr nützlich zur Verfolgung von Optimierungsauswirkungen.
- Chrome DevTools (Performance / Lighthouse-Tab): Lokales Audit mit simulierten CWV-Metriken. Ideal zur Diagnose von Problemen vor dem Deployment.
- PageSpeed Insights (Abschnitt Labordaten): Von Google gehostetes Lighthouse. Praktisch, aber die Werte unterscheiden sich von Felddaten.
- web-vitals JS-Bibliothek: Integrieren Sie sie in Ihren Code, um echte CWV Ihrer Besucher zu messen und an Ihre eigene Analytics zu senden.
Wie Orilyt Core Web Vitals integriert
Orilyt nutzt PageSpeed Insights API-Daten für drei kritische Tests in jedem Audit. Diese Tests sind direkt mit den Faktoren verknüpft, die Ihre Core Web Vitals beeinflussen.
- Test #01 — TTFB (Time to First Byte): misst die Server-Antwortzeit. Ein TTFB über 800 ms ist LCPs erster Feind. Wenn der Server langsam ist, kann nichts anderes das kompensieren.
- Test #02 — Seitengewicht: analysiert das Gesamtgewicht der Ressourcen. Schwere, nicht optimierte Bilder sind die häufigste Ursache für schlechten LCP bei WordPress.
- Test #03 — Mobile Friendly: überprüft die korrekte mobile Anpassung. CWV werden separat für Mobil und Desktop gemessen — und die mobile Version hat mehr Gewicht im Ranking.
Jeder Test enthält eine FIA-Empfehlung (Fakt, Auswirkung, Aktion): ein faktischer Befund aus den Daten, seine Auswirkung auf Nutzererfahrung und SEO sowie eine konkrete Korrekturmaßnahme. Das verwandelt einen abstrakten Score in ein Verkaufsargument für Ihre Kunden.
CWV in 2026: ein dauerhaftes Signal
Core Web Vitals haben sich zu einem Web-Industriestandard entwickelt. Selbst über SEO hinaus repräsentieren sie die drei grundlegenden Dimensionen guter Erfahrung: Lädt es schnell, reagiert es schnell, ist es stabil?
Für Freelancer und Web-Agenturen ist die Beherrschung von CWV ein echter Wettbewerbsvorteil. Es ist eine Möglichkeit, über Performance in Begriffen der Nutzererfahrung statt in technischen Zahlen zu sprechen. Ihre Kunden verstehen "Ihre Website verschiebt sich beim Laden" besser als "Ihr CLS liegt bei 0,28."
Orilyt gibt Ihnen die nötigen Daten für dieses Gespräch. Jedes Audit integriert PageSpeed-Metriken mit präsentationsfertigen Empfehlungen — ohne dass Sie Lighthouse- oder Search Console-Berichte selbst entschlüsseln müssen.