Cumulative Layout Shift (CLS)
Le Cumulative Layout Shift (CLS) est une métrique des Core Web Vitals qui quantifie la somme des mouvements inattendus d'éléments visuels sur une page web pendant son chargement.
Comprendre
Le CLS mesure la stabilité visuelle d'une page en évaluant la fréquence et l'ampleur des décalages de contenu inattendus. Un score CLS élevé indique une mauvaise expérience utilisateur, où des éléments comme des images, des textes ou des boutons se déplacent après que l'utilisateur ait commencé à interagir avec la page. Ces décalages sont souvent causés par des ressources chargées de manière asynchrone ou des images sans dimensions spécifiées, provoquant des clics accidentels et une frustration significative pour l'utilisateur.
Pourquoi ce terme compte en e-commerce
Pour les sites d'e-commerce et de fashion tech, un CLS faible est primordial pour une expérience d'achat sans friction. Des décalages de mise en page peuvent entraîner des erreurs de clic, par exemple, un utilisateur pensant cliquer sur un produit mais atterrissant sur une publicité. Cela perturbe le parcours client, génère de l'agacement et peut mener à l'abandon du panier. Un CLS optimisé garantit que les éléments interactifs restent stables, renforçant la confiance de l'utilisateur et facilitant la navigation, ce qui est essentiel pour la conversion et la fidélisation dans un environnement concurrentiel.
À retenir
- Spécifier les dimensions des images et vidéos dans le code.
- Éviter l'insertion de contenu au-dessus du contenu existant.
- Pré-allouer l'espace pour les publicités et les éléments dynamiques.