Du hörst ständig von Core Web Vitals, aber weißt nicht genau, was sich dahinter verbirgt? Keine Sorge – in diesem Artikel erkläre ich dir die drei Metriken LCP, FID und CLS so einfach, dass du sie wirklich verstehst.
Was sind Core Web Vitals?
Core Web Vitals sind drei Kennzahlen, die Google entwickelt hat, um die Nutzererfahrung einer Website messbar zu machen. Sie beantworten drei einfache Fragen:
- Wie schnell lädt der Hauptinhalt? (LCP)
- Wie schnell reagiert die Seite auf Eingaben? (FID)
- Wie stabil ist das Layout beim Laden? (CLS)
Seit Juni 2021 sind Core Web Vitals ein offizieller Google Ranking-Faktor. Websites mit guten Werten können einen Vorteil in den Suchergebnissen haben. Außerdem verbessern gute Werte nachweislich die Conversion-Rate und Nutzerzufriedenheit.
LCP – Largest Contentful Paint
Largest Contentful Paint
Misst die LadegeschwindigkeitWas wird gemessen? Die Zeit, bis das größte sichtbare Element im Viewport geladen ist. Das ist meist ein Bild, Video oder ein großer Textblock.
Warum ist das wichtig? LCP zeigt, wann der Nutzer das Gefühl hat, dass die Seite "fertig geladen" ist. Ein langsamer LCP fühlt sich frustrierend an.
< 2,5s
2,5 - 4s
> 4s
So verbesserst du LCP:
- Bilder komprimieren und in modernen Formaten (WebP) ausliefern
- Server-Antwortzeit verbessern (besserer Hoster)
- Render-blockierendes CSS/JS reduzieren
- CDN nutzen für schnellere Auslieferung
- Hero-Bilder mit preload vorladen
FID – First Input Delay
First Input Delay
Misst die InteraktivitätWas wird gemessen? Die Zeit zwischen der ersten Nutzerinteraktion (z.B. Klick auf Button) und der Reaktion des Browsers darauf.
Warum ist das wichtig? Wenn ein Nutzer klickt und nichts passiert, ist das frustrierend. FID misst, wie "responsive" deine Seite sich anfühlt.
< 100ms
100 - 300ms
> 300ms
So verbesserst du FID:
- JavaScript aufteilen (Code-Splitting)
- Nicht benötigtes JavaScript entfernen
- Third-Party-Scripts reduzieren
- Browser-Caching nutzen
- Web Worker für schwere Berechnungen
Ab März 2024 ersetzt Google FID durch INP (Interaction to Next Paint). INP misst alle Interaktionen, nicht nur die erste. Gute Werte: unter 200ms.
CLS – Cumulative Layout Shift
Cumulative Layout Shift
Misst die visuelle StabilitätWas wird gemessen? Wie stark sich Elemente auf der Seite verschieben, während sie lädt. Je mehr "springt", desto höher der Wert.
Warum ist das wichtig? Kennst du das? Du willst einen Button klicken, aber plötzlich springt alles nach unten und du klickst auf eine Werbung. Das ist genau, was CLS misst – und vermeiden soll.
< 0,1
0,1 - 0,25
> 0,25
So verbesserst du CLS:
- Immer width und height für Bilder angeben
- Platz für Werbung/Embeds reservieren
- Web Fonts mit font-display: swap laden
- Keine Inhalte über existierenden Content einfügen
- Animationen mit transform statt top/left
Core Web Vitals messen
Es gibt verschiedene Tools, mit denen du deine Core Web Vitals messen kannst:
⚡ WSC-Speed Test
Unser eigenes Tool – zeigt Core Web Vitals und gibt konkrete Tipps auf Deutsch.
🔍 PageSpeed Insights
Das offizielle Google-Tool. Zeigt Labor- und Felddaten.
📊 Search Console
Zeigt Core Web Vitals für deine gesamte Website basierend auf echten Nutzerdaten.
🛠️ Chrome DevTools
Lighthouse-Tab in Chrome – detaillierte technische Analyse.
Wie gut sind deine Core Web Vitals?
Teste jetzt kostenlos deine Website und erhalte konkrete Verbesserungsvorschläge.
WSC-Speed Test starten →Zusammenfassung: Die wichtigsten Grenzwerte
Hier nochmal alle Grenzwerte auf einen Blick:
- LCP (Largest Contentful Paint): Unter 2,5 Sekunden
- FID (First Input Delay): Unter 100 Millisekunden
- CLS (Cumulative Layout Shift): Unter 0,1
Diese Werte sollten bei mindestens 75% deiner Seitenaufrufe erreicht werden, um als "gut" zu gelten.