Core Web Vitals: Was zählt wirklich und wie du es fixst
LCP, INP, CLS: Was die Core Web Vitals bedeuten, wie du sie misst und mit welchen Maßnahmen du sie in den grünen Bereich bringst.
Core Web Vitals: Was wirklich zählt
Core Web Vitals sind Googles Metriken für die Nutzererfahrung auf deiner Website. Seit 2021 sind sie ein offizieller Rankingfaktor. Kein Panik-Thema, aber auch nicht zu ignorieren. Als Webdesign-Agentur in München erklären wir, was die Zahlen bedeuten und wie du sie verbesserst.
Die drei Core Web Vitals
LCP – Largest Contentful Paint
Was es misst: Wie lange dauert es, bis das größte sichtbare Element (meist ein Bild oder eine Überschrift) geladen ist?
| Bewertung | Wert |
|---|---|
| Gut (grün) | ≤ 2,5 Sekunden |
| Verbesserungswürdig (gelb) | 2,5–4,0 Sekunden |
| Schlecht (rot) | > 4,0 Sekunden |
Häufige Ursachen für schlechtes LCP:
- •Große, unkomprimierte Bilder
- •Langsames Server-Hosting
- •Render-blockierende CSS/JavaScript-Dateien
- •Fehlende Bild-Priorisierung (kein fetchpriority="high")
So fixst du es:
- •Bilder im WebP/AVIF-Format komprimieren
- •Hero-Bild mit fetchpriority="high" und preload laden
- •Schnelles Hosting nutzen (kein Shared Hosting für Geschäfts-Websites)
- •Kritisches CSS inline laden
- •Unnötige Scripte entfernen oder verzögert laden (defer/async)
INP – Interaction to Next Paint
Was es misst: Wie schnell reagiert die Website auf Nutzerinteraktionen (Klicks, Taps, Tastatureingaben)?
| Bewertung | Wert |
|---|---|
| Gut (grün) | ≤ 200 Millisekunden |
| Verbesserungswürdig (gelb) | 200–500 Millisekunden |
| Schlecht (rot) | > 500 Millisekunden |
INP hat 2024 den alten FID (First Input Delay) ersetzt und misst nicht nur die erste, sondern die schlechteste Interaktion während des gesamten Besuchs.
Häufige Ursachen für schlechtes INP:
- •Schwere JavaScript-Frameworks
- •Lange Main-Thread-Blockierungen
- •Aufwendige DOM-Manipulationen
- •Zu viele Event-Listener
So fixst du es:
- •JavaScript aufteilen (Code-Splitting)
- •Aufgaben mit requestIdleCallback oder requestAnimationFrame priorisieren
- •Unnötige Third-Party-Scripts entfernen (Analytics, Chat-Widgets, Social Plugins)
- •Event-Handler optimieren – kurz halten, DOM-Änderungen minimieren
CLS – Cumulative Layout Shift
Was es misst: Wie stark verschieben sich Elemente während des Ladens? Springt der Text plötzlich nach unten, weil ein Bild geladen wird?
| Bewertung | Wert |
|---|---|
| Gut (grün) | ≤ 0,1 |
| Verbesserungswürdig (gelb) | 0,1–0,25 |
| Schlecht (rot) | > 0,25 |
Häufige Ursachen für schlechtes CLS:
- •Bilder ohne width/height-Angaben
- •Dynamisch geladene Werbung oder Banner
- •Web-Fonts, die nach dem Laden die Textgröße ändern (FOUT)
- •Dynamisch eingefügte Inhalte oberhalb des sichtbaren Bereichs
So fixst du es:
- •Immer width und height bei Bildern angeben (oder aspect-ratio in CSS)
- •Platzhalter für dynamische Inhalte reservieren
- •font-display: swap oder optional nutzen und Schriften vorladen
- •Keine Inhalte oberhalb des aktuellen Viewports einfügen
Wie du Core Web Vitals misst
Lab-Daten (simuliert):
- •Google PageSpeed Insights – am einfachsten
- •Lighthouse in Chrome DevTools – detaillierter
- •WebPageTest.org – für Experten
Field-Daten (echte Nutzer):
- •Google Search Console → Core Web Vitals-Bericht
- •Chrome UX Report (CrUX) – aggregierte Daten echter Nutzer
- •Web Vitals JavaScript-Bibliothek – eigenes Tracking
Wichtig: Google nutzt Field-Daten (echte Nutzerdaten) für das Ranking, nicht Lab-Daten. Optimiere also nicht nur im Test, sondern prüfe die realen Werte in der Search Console.
Wie stark beeinflussen Core Web Vitals das Ranking?
Ehrlich gesagt: Core Web Vitals sind ein Tiebreaker. Bei gleicher Content-Qualität und Relevanz gewinnt die schnellere Seite. Aber guter Content schlägt immer schnelle Technik. Das heißt:
- •Schlechte Werte können dich Rankings kosten, wenn die Konkurrenz besser ist
- •Gute Werte allein reichen nicht – du brauchst auch relevanten Content und starke SEO
- •Die Nutzererfahrung profitiert immer – weniger Absprünge, mehr Conversions
Prioritäten setzen
- •Zuerst LCP optimieren – hat den größten sichtbaren Effekt
- •Dann CLS beheben – meist schnelle Fixes
- •Zuletzt INP verbessern – oft der technisch aufwendigste Part
Fazit
Core Web Vitals sind kein SEO-Geheimnis, sondern grundlegende Qualitätsstandards für Websites. Die meisten Fixes sind technisch nicht kompliziert – komprimierte Bilder, sauberer Code, schnelles Hosting. Wenn du Unterstützung bei der Optimierung brauchst, hilft dir unser Team als Webdesign- und SEO-Agentur in München. Kontaktiere uns für eine kostenlose Analyse deiner Core Web Vitals.
Brauchst du Unterstützung?
Wir helfen dir bei Webdesign, SEO und Online-Marketing – mit klarer Strategie und messbaren Ergebnissen.
Kostenloses Erstgespräch