Les causes classiques
- Images et vidéos sans dimensions déclarées
- Publicités, iframes et intégrations qui s'insèrent sans espace réservé
- Polices web qui remplacent la police de secours avec des tailles différentes
- Bandeaux injectés en haut de page après le chargement
Corriger le CLS
- Toujours renseigner width et height (ou aspect-ratio) sur les médias
- Réserver l'espace des encarts publicitaires et des contenus dynamiques
- Charger les polices avec font-display: swap et des polices de secours aux métriques proches
- Afficher les bandeaux en superposition plutôt qu'en poussant le contenu
| Note | CLS |
|---|---|
| Bon | 0,1 ou moins |
| À améliorer | Entre 0,1 et 0,25 |
| Mauvais | Plus de 0,25 |
Termes liés
- Core Web VitalsEnsemble de métriques Google mesurant l'expérience utilisateur : vitesse de chargement, interactivité et stabilité visuelle.
- LCP (Largest Contentful Paint)Core Web Vital qui mesure le temps d'affichage du plus grand élément visible d'une page. Bon score : moins de 2,5 secondes.
- INP (Interaction to Next Paint)Core Web Vital qui mesure la réactivité d'une page aux clics et saisies. Bon score : moins de 200 millisecondes.
- SEO des imagesOptimisation des images d'un site pour qu'elles se chargent vite, soient comprises par Google et apparaissent dans Google Images.