Lektion 13 · Fortgeschritten
Core Web Vitals
Die Core Web Vitals messen, wie sich eine Seite für Besucher anfühlt: Wie schnell erscheint der Hauptinhalt, springt das Layout, reagiert die Seite flott auf Klicks? Google nutzt sie als einen von vielen Faktoren.
Live auf dieser Seite
Diese Werte misst dein Browser gerade für diese Seite:
- Live-Messung
- braucht JavaScript (Chrome oder Edge)
Klicke irgendwo auf die Seite, dann erscheint ein INP-Wert. Achtung: Das ist eine Labormessung mit deinem Gerät und eine Näherung (längste Interaktion) – Google bewertet echte Nutzerdaten über 28 Tage.
Taste G: Die Prüfung zeigt LCP, CLS und INP mit Bewertung. Im Quelltext leuchten die Angaben, die gute Werte ermöglichen: Bildmaße, Lazy Loading, Priorität.
So geht's richtig
| Kennzahl | misst | gut | schlecht |
|---|---|---|---|
| LCP Largest Contentful Paint | Wann das größte sichtbare Element erscheint | ≤ 2,5 s | > 4 s |
| INP Interaction to Next Paint | Wie schnell die Seite auf Klicks und Tippen reagiert | ≤ 200 ms | > 500 ms |
| CLS Cumulative Layout Shift | Wie stark das Layout verrutscht | ≤ 0,1 | > 0,25 |
Bewertet wird das 75. Perzentil echter Besuche (Felddaten aus dem Chrome UX Report, sichtbar in der Search Console). Lighthouse und PageSpeed Insights liefern zusätzlich Labordaten zur Fehlersuche.
- LCP: Bilder klein halten und in modernen Formaten ausliefern (Lektion 03), das LCP-Bild nicht lazy laden, schnelle Server-Antwort.
- CLS: Bilder, Videos und Werbeplätze mit festen Maßen; nichts oberhalb bestehender Inhalte nachladen.
- INP: wenig und schlankes JavaScript, lange Aufgaben aufteilen.
Typische Fehler
- Nur auf den Lighthouse-Score schauen statt auf echte Nutzerdaten.
- Cookie-Banner und Werbung, die Inhalte nach unten schieben.
- Riesige JavaScript-Pakete für eine einfache Seite.
Mythos-Check
- „FID ist eine der Core Web Vitals.“
- Nicht mehr: Seit März 2024 hat INP den First Input Delay (FID) ersetzt.
- „Mit perfekten Core Web Vitals ranke ich auf Platz 1.“
- Nein. Relevanz und Qualität des Inhalts wiegen schwerer. Gute Werte helfen vor allem dann, wenn mehrere Seiten inhaltlich gleichauf liegen.
Quellen & Stand
Zuletzt geprüft: Oktober 2026