9.3 Core Web Vitals (LCP, CLS, INP) – Zielwerte
Erklärt die wichtigsten Metriken (LCP, CLS, INP) und wie du sie verbesserst.
Inhaltsverzeichnis
A. Die 3 Hauptmetriken
- LCP (Largest Contentful Paint): Hauptinhalt <2.5s laden
- CLS (Cumulative Layout Shift): Keine Layoutsprünge
- INP (Interaction to Next Paint): Reaktion <200ms
B. Tools
Prüfe regelmäßig mit:
– Google Lighthouse
– PageSpeed Insights
– WebPageTest.org
💡Tipp: LCP wird oft durch große Hero-Bilder gebremst. Verwende preload für das erste sichtbare Bild.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container