Core Web Vitals
Die drei wichtigsten Metriken von Google:
- LCP (Largest Contentful Paint) < 2,5 Sek.
- FID (First Input Delay) < 100 ms
- CLS (Cumulative Layout Shift) < 0,1
Bilder
Die Hauptursache für Performance-Probleme:
- WebP/AVIF-Formate
- Lazy Loading
- Richtige Größen (srcset)
- Blur Placeholder
Code-Optimierung
- Code Splitting
- Tree Shaking
- Minifizierung
- Entfernung ungenutzter CSS
Schriften
Schriften blockieren häufig das Rendering:
- font-display: swap
- Preloading kritischer Schriften
- Zeichensatz-Subsetting