Core Web Vitals: Was Google wirklich von Ihrer Website will
Seit 2021 sind Core Web Vitals ein offizieller Google-Ranking-Faktor. Eine langsame Website oder springende Inhalte beeinflussen Ihr Ranking negativ — selbst bei erstklassigem Content.
LCP — Largest Contentful Paint
Was es misst: Wie lange dauert es, bis der größte sichtbare Inhalt (Bild oder Überschrift) geladen ist.
Gut: unter 2,5 Sekunden · Verbesserungswürdig: 2,5–4 s · Schlecht: über 4 s
Typische Probleme: Große unkomprimierte Bilder, langsamer Server, blockierendes JavaScript, Lazy Loading für Above-the-Fold Content.
Lösung: Bilder in WebP konvertieren, Hero-Bild mit preload vorladen, schnelles Hosting, kritisches CSS inline.
INP — Interaction to Next Paint
Was es misst: Wie lange dauert es, bis die Website auf eine Interaktion (Klick, Tippen) reagiert. INP hat FID im März 2024 ersetzt und misst alle Interaktionen.
Gut: unter 200 ms · Verbesserungswürdig: 200–500 ms · Schlecht: über 500 ms
Typische Probleme: Zu viel blockierendes JavaScript, Third-Party Scripts (Analytics, Chat-Widgets), große JS-Bundles.
Lösung: JavaScript minimieren und aufteilen, Third-Party Scripts asynchron laden oder entfernen, Web Workers für schwere Berechnungen.
CLS — Cumulative Layout Shift
Was es misst: Wie stark verschieben sich Elemente während des Ladens. Kennen Sie das? Sie wollen auf einen Button klicken, aber plötzlich springt alles nach unten, weil ein Bild geladen wird.
Gut: unter 0,1 · Verbesserungswürdig: 0,1–0,25 · Schlecht: über 0,25
Typische Probleme: Bilder ohne width/height, Werbung ohne reservierten Platz, Web Fonts mit FOUT, dynamisch eingefügte Inhalte.
Lösung: Immer width/height für Bilder setzen, Platzhalter für Ads/Embeds, font-display: swap für Web Fonts.
So messen Sie Ihre Core Web Vitals
- PageSpeed Insights (pagespeed.web.dev) — das offizielle Google-Tool
- Google Search Console — zeigt echte Nutzerdaten
- Lighthouse — in Chrome DevTools integriert (F12)
- WebPageTest — für detaillierte Analysen
Wichtig: Immer auf Mobile testen — dort sind die Probleme am größten.
Checkliste
- Bilder komprimiert und in WebP
- Alle Bilder haben width und height
- Hero-Bild wird vorgeladen
- JavaScript ist minimiert
- Third-Party Scripts sind asynchron
- Fonts nutzen font-display: swap
- Hosting ist schnell genug
- Mobile Performance getestet
Fazit
Die meisten Probleme lassen sich mit wenigen Optimierungen lösen: Bilder optimieren (löst LCP und CLS), weniger JavaScript (löst INP), gutes Hosting (hilft bei allem).
Website zu langsam?
Unsere handcodierten Websites erreichen standardmäßig 95+ Punkte bei PageSpeed Insights.