Testez la santé de votre PrestaShop et comment l'optimiser
Tester votre boutique
Le CLS (Cumulative Layout Shift) est un score qui détermine le niveau de stabilité visuelle du site. Il s'agit d'un des indicateurs clés de performance définis par Google comme étant un des signaux web essentiels (Core Web Vitals).
Cela signifie qu'en cherchant à optimiser le score CLS, on va non seulement améliorer l'expérience utilisateur (les visiteurs n'apprécient pas d'avoir un site qui se charge en faisant des sursauts ou des redimensionnements d'images intempestifs), mais on va aussi optimiser son référencement naturel.
Ce score est indépendant sur chaque type de page, ainsi, notre client Limited Resell avait besoin d'une optimisation du score CLS sur la page d'accueil mais aussi sur les fiches produits. Le but étant de gagner en confort de navigation et d'en profiter pour améliorer l'indexation par les moteurs de recherche.
Diverses actions ont été menées pour réduire au maximum les sursauts ou déplacements visuels et les redimensionnements d'images.
Le résultat est non seulement visible directement sur les résultats GTMetrix mais aussi dans la navigation sur le site, comme nous pouvons le constater avec la vidéo ci-dessous.
|
AVANT intervention sur les fiches produits
APRÈS intervention sur les fiches produits
|
| avant | après | |
| Perf.grade |
19 / 100
|
83 / 100
|
| Amélioration du CLS | 1.13 | 0 |