Core Web Vitals sind benutzerorientierte Messgrößen, die die Ladezeit, Reaktionsfähigkeit und visuelle Stabilität von Webseiten erfassen. Durch diese Metriken können Website-Betreiber die Benutzererfahrung analysieren und gezielt verbessern.
- Largest Contentful Paint (LCP): Ladezeit aus User-Sicht
- Cumulative Layout Shift (CLS): Layout-Stabilität während des Ladens
- First Input Delay (FID): Reaktionsfähigkeit
Damit die eigene Website gut rankt, ist es wichtig, diese Werte stets im grünen Bereich zu halten. Aber was kann man tun, wenn dem nicht so ist? Hier ein kleiner Ausschnitt an Maßnahmen:
- LCP: Serverantwortzeit reduzieren, Vermeiden von Render-Blocking JavaScript und CSS, Große Bilddateien optimieren
- FID: JavaScript reduzieren, Optimierung des Codes von Drittanbietern, Verkettung von JavaScript- bzw. CSS-Dateien
- CLS: Genug Abstand um visuelle Elemente einhalten, Bilder, Animationen etc. nicht ohne Größenangaben oder mit dynamischen Größen ausstatten, möglichst wenig Web-Schriften