Core Web Vitals sind drei Metriken, die Google festgelegt hat, um die Nutzererfahrung einer Webseite objektiv zu messen: Ladegeschwindigkeit, Reaktionsgeschwindigkeit auf Interaktionen und visuelle Stabilität. Seit 2021 sind sie offizieller Bestandteil der Ranking-Signale von Google — ein kleiner, aber realer Faktor.
Was sind Core Web Vitals?
Die drei Metriken sind:
- LCP (Largest Contentful Paint): Wie lange es dauert, bis das größte sichtbare Element der Seite angezeigt wird.
- INP (Interaction to Next Paint): Wie schnell die Seite auf einen Klick oder eine Berührung des Nutzers reagiert.
- CLS (Cumulative Layout Shift): Wie stark sich Elemente beim Laden der Seite unerwartet verschieben.
Alle drei werden aus echten Nutzerdaten (anonymer Telemetrie von Chrome-Nutzern) berechnet; es handelt sich nicht um Labortests, sondern um die reale Erfahrung echter Besucher.
LCP — Largest Contentful Paint
LCP ist der Moment, in dem der Nutzer das Gefühl hat, „die Seite ist geladen“ — meist ein Hero-Bild, ein Überschriftenblock oder ein großes Video-Vorschaubild. Die Schwellenwerte von Google:
| Wert | Bewertung |
|---|---|
| 2,5 Sekunden oder weniger | Gut |
| 2,5 – 4 Sekunden | Verbesserung erforderlich |
| Mehr als 4 Sekunden | Schlecht |
Häufigste Ursachen: nicht optimierte große Bilder, langsame Serverantwortzeiten, renderblockierende CSS-/JS-Dateien und spät geladene Schriftarten.
INP — Interaction to Next Paint
INP hat 2024 die frühere Metrik FID (First Input Delay) abgelöst und misst nicht nur eine einzelne erste Interaktion, sondern die Reaktionsgeschwindigkeit aller Interaktionen auf der Seite. Sie erfasst, ob der Bildschirm einfriert, wenn Sie auf eine Schaltfläche klicken.
| Wert | Bewertung |
|---|---|
| 200 Millisekunden oder weniger | Gut |
| 200 – 500 ms | Verbesserung erforderlich |
| Mehr als 500 ms | Schlecht |
Die häufigste Ursache ist schwere JavaScript-Ausführung, die den Haupt-Thread (main thread) lange blockiert — insbesondere Drittanbieter-Skripte, die beim Laden der Seite ausgeführt werden (Werbung, Live-Chat, Analyse-Tools), führen häufig dazu.
CLS — Cumulative Layout Shift
Sie wollen gerade auf eine Nachricht klicken, die Seite verschiebt sich plötzlich und Sie klicken versehentlich auf eine Anzeige — genau das misst CLS. Bilder ohne definierte Größe, nachträglich geladene Werbe-/Bannerflächen und spät geladene Schriftarten (Font Swap) sind die häufigsten Ursachen.
| Wert | Bewertung |
|---|---|
| 0,1 oder weniger | Gut |
| 0,1 – 0,25 | Verbesserung erforderlich |
| Mehr als 0,25 | Schlecht |
Wie wirken sie sich tatsächlich auf SEO aus?
Hier ist es wichtig, die Erwartungen richtig einzuordnen: Core Web Vitals sind kein so starker Ranking-Faktor wie Inhaltsqualität und die Übereinstimmung mit der Suchintention. Laut Google selbst dienen sie als Entscheidungskriterium „zwischen zwei gleich guten Inhalten“ — ein schwacher Inhalt wird also nicht durch gute Web-Vitals-Werte gerettet, aber zwischen zwei Seiten ähnlicher Qualität kann sich die schnellere durchsetzen.
Die indirekte Wirkung ist jedoch größer als die direkte: Eine langsame, instabile Seite vertreibt Nutzer, erhöht die Absprungrate und verkürzt die Sitzungsdauer — und diese Verhaltenssignale beeinflussen das Ranking deutlich stärker als die Core Web Vitals.
Wie misst man sie?
- PageSpeed Insights: Zeigt sowohl echte Nutzerdaten (sofern vorhanden) als auch Labortests auf einem Bildschirm. Der praktischste Ausgangspunkt.
- Search Console → Core Web Vitals: Gruppiert alle Seiten Ihrer Website und zeigt gesammelt, welche „gut“, „verbesserungswürdig“ oder „schlecht“ sind.
- Chrome DevTools → Lighthouse: Bietet in der Entwicklerkonsole eine sofortige, detaillierte Analyse.
Praktische Schritte zur Verbesserung
- Konvertieren Sie Bilder in moderne Formate. Verwenden Sie WebP/AVIF, komprimieren Sie auf die tatsächliche
Anzeigegröße und verzögern Sie Bilder unterhalb des sichtbaren Bereichs mit
loading="lazy". - Geben Sie Bildern und Werbeflächen feste Abmessungen. So weiß der Browser schon vor dem Laden der Inhalte, wie viel Platz er reservieren muss — das verbessert CLS direkt.
- Reduzieren Sie renderblockierende Ressourcen. Laden Sie nicht kritische CSS-/JS-Dateien verzögert (defer/async).
- Optimieren Sie Schriftarten. Verwenden Sie
font-display: swapund laden Sie keine unnötigen Schriftschnitte/Zeichen. - Begrenzen Sie Drittanbieter-Skripte. Jedes hinzugefügte Live-Chat-, Analyse- oder Werbeskript kann INP verschlechtern; behalten Sie nur, was Sie wirklich brauchen.
- Verkürzen Sie die Serverantwortzeit. Caching und die Wahl eines guten Hostings sind die am häufigsten übersehenen, aber wirkungsvollsten Faktoren für LCP.
Reihenfolge der Prioritäten: Der größte Gewinn kommt meist von den Bildern — auf den meisten Websites ist ein einziges nicht optimiertes großes Bild die Ursache des LCP-Problems. Beheben Sie zuerst dieses und gehen Sie dann zu den übrigen Punkten über.
Wenn Sie trotz guter Seitengeschwindigkeit keine Besucher gewinnen, liegt der Engpass bei der Sichtbarkeit — werfen Sie in diesem Fall einen Blick auf unseren Leitfaden zur Steigerung der CTR oder unseren allgemeinen Artikel zur Steigerung des organischen Traffics.