Core Web Vitals
Les trois principales métriques de Google :
- LCP (Largest Contentful Paint) < 2,5 sec
- FID (First Input Delay) < 100 ms
- CLS (Cumulative Layout Shift) < 0,1
Images
La principale source de problèmes de performances :
- Formats WebP/AVIF
- Lazy loading
- Tailles appropriées (srcset)
- Placeholder flou
Optimisation du code
- Découpage du code
- Tree shaking
- Minification
- Suppression du CSS inutilisé
Polices
Les polices bloquent souvent le rendu :
- font-display: swap
- Préchargement des polices critiques
- Sous-ensemble de caractères