Core Web Vitals erklärt: LCP, INP & CLS (2026)

Was sind Core Web Vitals?

Core Web Vitals sind ein Satz von drei Metriken, die Google 2020 eingeführt hat, um die Qualität der Nutzererfahrung auf Websites zu messen. Seit 2021 sind sie ein offizieller Ranking-Faktor — das bedeutet, sie beeinflussen direkt, wo deine Website in den Suchergebnissen erscheint.

Die drei Metriken messen jeweils einen anderen Aspekt der Nutzererfahrung: Ladegeschwindigkeit, Interaktivität und visuelle Stabilität.

LCP — Largest Contentful Paint

LCP misst die Ladegeschwindigkeit deiner Seite. Konkret: Wie lange dauert es, bis das größte sichtbare Element im Viewport (z. B. ein Hero-Bild, eine große Überschrift oder ein Video-Thumbnail) vollständig gerendert ist?

So verbesserst du LCP:

• Bilder optimieren — Verwende moderne Formate (WebP, AVIF) und komprimiere Bilder.
• Server-Antwortzeit reduzieren — Schnelles Hosting und Caching einsetzen.
• Render-blockierendes CSS/JS minimieren — Critical CSS inline einbetten, JS defer/async laden.
• CDN verwenden — Inhalte näher am Nutzer ausliefern.
• Preload für wichtige Ressourcen — Das LCP-Element mit <link rel="preload"> priorisieren.

INP — Interaction to Next Paint

INP hat im März 2024 die frühere Metrik FID (First Input Delay) abgelöst. INP misst die Reaktionsfähigkeit deiner Seite — also wie schnell die Seite auf Nutzerinteraktionen wie Klicks, Taps oder Tastatureingaben reagiert.

Während FID nur die erste Interaktion gemessen hat, berücksichtigt INP alle Interaktionen während des gesamten Seitenbesuchs und nimmt den schlechtesten Wert (abzüglich Ausreißer) als Messwert.

So verbesserst du INP:

• JavaScript-Ausführung reduzieren — Lange Tasks in kleinere Einheiten aufteilen.
• Event Handler optimieren — Teure Berechnungen in Event Handlern vermeiden.
• Web Worker nutzen — Rechenintensive Aufgaben in Hintergrund-Threads auslagern.
• Third-Party Scripts prüfen — Externe Skripte blockieren oft den Main Thread.

CLS — Cumulative Layout Shift

CLS misst die visuelle Stabilität deiner Seite. Hast du schon mal versucht, auf einen Button zu klicken, und plötzlich hat sich der gesamte Inhalt verschoben, weil ein Bild oder eine Werbung geladen wurde? Genau das misst CLS.

Ein hoher CLS-Wert bedeutet, dass Elemente auf der Seite unerwartet ihre Position ändern — das frustriert Nutzer und führt zu Fehlklicks.

So verbesserst du CLS:

• Feste Größen für Medien — Immer width und height für Bilder und Videos angeben.
• Platzhalter für dynamische Inhalte — Reserviere Platz für Werbung, Embeds und lazy-geladene Elemente.
• Web Fonts optimieren — font-display: swap oder optional verwenden, um Layout-Shifts durch Schriftarten zu vermeiden.
• Kein Content über bestehendem Content einfügen — Neue Elemente immer unterhalb des sichtbaren Bereichs laden.

Core Web Vitals messen

Es gibt zwei Arten von Daten für Core Web Vitals:

• Field Data (Felddaten) — Echte Nutzerdaten aus dem Chrome UX Report (CrUX). Diese Daten zeigen, wie echte Besucher deine Seite erleben, und sind die Grundlage für Googles Ranking-Bewertung.
• Lab Data (Labordaten) — Simulierte Messungen unter kontrollierten Bedingungen. Nützlich für Debugging und Optimierung, aber nicht direkt ranking-relevant.

TracerRacer zeigt dir beide Datentypen: Die realen Core Web Vitals aus dem Chrome UX Report und detaillierte Lighthouse-Labordaten. So siehst du sofort, wo Optimierungsbedarf besteht und wie du die Werte verbessern kannst.

Fazit: Core Web Vitals als Ranking-Faktor

Core Web Vitals sind nicht der einzige Ranking-Faktor — relevanter Content und Backlinks bleiben wichtiger. Aber bei ansonsten gleichen Voraussetzungen können gute Core Web Vitals den Unterschied machen.

Das Gute: Die Optimierung von Core Web Vitals verbessert nicht nur dein Ranking, sondern auch die reale Nutzererfahrung — und das wirkt sich direkt auf Conversion-Raten und Nutzerzufriedenheit aus.