Glossaire · Vitesse et expérience mobile
CLS – Cumulative Layout Shift
On dit aussi Décalage cumulatif de mise en pageStabilité visuelle
Le CLS (Cumulative Layout Shift) est un indicateur des Core Web Vitals qui mesure la stabilité visuelle d’une page web. Il calcule combien les éléments bougent pendant le chargement.
Points clés
- Mesure la stabilité visuelle au chargement
- Score < 0.1 recommandé
- Impacte l’expérience utilisateur et le SEO
À ne pas confondre avec
- LCP – Largest Contentful Paint
Le LCP mesure la vitesse d’affichage du contenu principal. Le CLS mesure sa stabilité une fois affiché.
Pourquoi c’est important
Un CLS élevé frustre les utilisateurs et peut nuire à l’accessibilité. Google le considère comme un facteur de classement SEO, surtout sur mobile.
Bonnes pratiques
- Toujours prédéfinir la taille des images et iframes
- Éviter les publicités ou éléments dynamiques non réservés dans le layout
- Charger les polices en local pour éviter les sauts
- Tester avec PageSpeed Insights ou Lighthouse
En code
<!-- Largeur et hauteur : le navigateur réserve la place avant de recevoir l’image -->
<img src="/images/equipe.webp" alt="…" width="1200" height="800" />
<!-- Vidéo, carte ou encart chargé après coup -->
<div style="aspect-ratio: 16 / 9">
<iframe src="https://exemple.com/video/" title="Présentation" loading="lazy"></iframe>
</div>
Exemple concret
Une landing page voit son CLS passer de 0.34 à 0.05 après avoir réservé l’espace de ses bannières → Elle gagne 2 places dans les SERP mobiles.
Besoin d’un coup de main ?
Développement Un site rapide et stable, sur téléphone comme sur ordinateur. Voir la prestationVous hésitez sur la priorité ? Le diagnostic vous remet une solution écrite, à prix fixe et sans engagement.
