Core Web Vitals: Googles Maßstab für Nutzererfahrung
Core Web Vitals sind drei Metriken, mit denen Google die Nutzererfahrung Ihrer Website misst. Sie sind ein offizieller Rankingfaktor und beeinflussen direkt, wie hoch Ihre Seite bei Google erscheint.
Die gute Nachricht: Mit den richtigen Maßnahmen können Sie alle drei Metriken in den grünen Bereich bringen. Dieser Guide erklärt jede Metrik verständlich und gibt Ihnen konkrete Optimierungstipps – als Ergänzung zu unseren 10 Tipps für schnellere Ladezeiten.
LCP – Largest Contentful Paint
Wie schnell wird der größte sichtbare Inhalt geladen?
Gut
≤ 2,5 Sek.
Verbesserungswürdig
2,5 – 4,0 Sek.
Schlecht
> 4,0 Sek.
So optimieren Sie LCP:
- Hero-Bilder komprimieren und in WebP/AVIF konvertieren
- Critical CSS inline einbinden, Rest asynchron laden
- Server-Response-Time unter 200ms halten (gutes Hosting ist Pflicht)
- Preload-Hints für den LCP-Inhalt setzen:
<link rel="preload"> - CDN für statische Assets nutzen
- Render-Blocking JavaScript eliminieren
INP – Interaction to Next Paint
Wie schnell reagiert die Seite auf Nutzer-Interaktionen?
Gut
≤ 200 ms
Verbesserungswürdig
200 – 500 ms
Schlecht
> 500 ms
INP hat 2024 FID (First Input Delay) als Core Web Vital ersetzt. Es misst nicht nur die erste, sondern die schlechteste Interaktion über den gesamten Seitenbesuch – das macht die Optimierung anspruchsvoller.
So optimieren Sie INP:
- JavaScript aufteilen: Kein Single-Thread-Blocking für Event-Handler
- Long Tasks in kürzere Chunks aufbrechen (yield to main thread)
- Third-Party-Scripts minimieren (Cookie-Banner, Chat-Widgets, Tracker)
- Event-Handler optimieren: Keine schweren Berechnungen bei Click/Scroll
- requestAnimationFrame für visuelle Updates nutzen
CLS – Cumulative Layout Shift
Wie stabil bleibt das Layout beim Laden?
Gut
≤ 0,1
Verbesserungswürdig
0,1 – 0,25
Schlecht
> 0,25
CLS misst, wie stark sich Elemente verschieben, während die Seite lädt. Jeder kennt das Problem: Sie wollen auf einen Button klicken, und plötzlich springt alles nach unten, weil ein Bild oder eine Anzeige nachgeladen wurde.
So optimieren Sie CLS:
- Feste Breiten- und Höhenangaben für alle Bilder und Videos setzen
- Font-Display: swap nutzen und Web-Fonts vorgeladen einbinden
- Platzhalter für dynamisch geladene Inhalte reservieren
- Keine Inhalte über dem Fold dynamisch einfügen (Ads, Banner)
- CSS-Animationen nur mit transform und opacity (triggern kein Layout)
Messen: Welche Tools nutzen?
Lab Data (simuliert)
- • Google PageSpeed Insights
- • Lighthouse (Chrome DevTools)
- • WebPageTest
Field Data (echte Nutzer)
- • Chrome UX Report (CrUX)
- • Google Search Console
- • web-vitals JavaScript Library
Wichtig: Google nutzt Field Data (echte Nutzer) für das Ranking – nicht Lab-Werte. Optimieren Sie für reale Bedingungen.
Performance ist unser Standard
Bei Burwitz-IT optimieren wir jede Website auf grüne Core Web Vitals. Dank sauberem Code, NVMe-Hosting und durchdachter Architektur erreichen unsere Websites regelmäßig PageSpeed-Scores von 95+.
Lesen Sie auch: SEO-Trends 2026 und 10 Tipps für schnellere Websites.