Core Web Vitals CLS

Comment mesurer et améliorer son score Cumulative Layout Shift ?

 

Google a annoncé qu’il tiendrait compte de trois nouvelles mesures, les « Core Web Vitals » dans son classement afin d’améliorer l’expérience des utilisateurs lors de la navigation sur le web. L’un de ceux-ci est le Cumulative Layout Shift, soit la stabilité visuelle du site. Dans cet article, nous allons vous expliquer ce qu’il en est et nous vous proposerons quelques façons d’optimiser votre site !  

 

Qu’est-ce que le Cumulative Layout Shift?  

Le Cumulative Layout Shift va mesurer la stabilité visuelle de votre site suite à son chargement. Il vise à réduire les frictions pour le visiteur qui peuvent se produire lors d’un changement soudain de mise en page. En effet, il se peut que, bien que le site semble chargé pour l’utilisateur, certains scripts se chargent et modifient la mise en page alors que l’usager navigue déjà sur la page. L’apparition d’une publicité ou le changement de la police d’écriture peuvent, par exemple, être à l’origine du problème.   

 

Comment mesurer le Cumulative Layout Shift?  

Tout comme pour le Largest Contentful Paint, Google propose différents outils pour mesurer son score Cumulative Layout Shift, que ce soit avec des données provenant du terrain et récoltées via les visites des utilisateurs de Google Chrome ou avec des données de laboratoire.   

  • La Search Console de Google propose un nouveau rapport nommé « Signaux web essentiels » qui reprend en détail le résultat de votre site pour l’ensemble des nouveaux indicateurs, et ce, pour la version mobile et bureau. Ces données sont récoltées uniquement via les visites des utilisateurs de Google Chrome, ce qui crée un délai d’environ 28 jours avant de voir une évolution du score après des changements.  
      
  • L’outil Page Speed Insight va à la fois proposer les données de terrain, mais également des résultats issus de tests en laboratoire. Cela est très utile afin d’obtenir une rétroaction immédiate sur votre travail d’optimisation.  
      
  • Les outils de développement intégrés au navigateur Google Chrome permettent d’avoir une foule d’information liée aux différents indicateurs. Cependant, les données seront un peu plus techniques que sur les autres outils. 

 

Cumulative Layout Shift Mobile

Résultat de Falia sur mobile via les tests de laboratoire  

Cumulative Layout Shift Bureau

Résultat de Falia sur la version bureau via les tests de laboratoire  

 

Qu’est-ce qu’un bon score pour le Cumulative Layout Shift?  

Google considérera que votre site est stable visuellement si son score Cumulative Layout Shift se situe en dessous de 0.1. À contrario, votre site risque d’être pénalisé si ce score dépasse 0.25. En tant qu’agence spécialisée dans la conception de site web optimisé pour le SEO, Falia peut vous aider à avoir le meilleur score possible.  

 

Cumulative Layout Shift

 

Comment améliorer le Cumulative Layout Shift sur son site?  

Afin d’obtenir le meilleur score Cumulative Layout Shift possible, vous pouvez optimiser votre site de trois façons.  

 

Tout d’abord, évitez de faire apparaitre du contenu au-dessus d’un contenu déjà chargé. Si cela est absolument nécessaire, prévoyez dans votre structure de site web la place nécessaire pour faire apparaitre l’élément qui sera chargé plus tard. Cela permet de réserver de la place pour le contenu qui pourra s’afficher à cet endroit, comme de la publicité. 

 

D’autre part, assurez-vous de toujours ajouter les attributs de dimensions à vos images et vidéos, cela permettra au navigateur web d’allouer l’espace nécessaire à l’ensemble de vos éléments sans réajuster la taille des éléments après le chargement.  

 

Enfin, si vous utilisez des polices d’écriture particulières, faites en sorte que votre texte soit tout de même visible avant que lesdites polices soient chargées. Pour ce faire, vous devrez utiliser la propriété font-display, ceci pouvant être un aspect plus technique, n’hésitez pas à faire appel à un expert en conception de site web pour vous aider.  

 

Pourquoi améliorer la stabilité visuelle de son site?  

En plus d’assurer à votre site web un bon classement sur le moteur de recherche de Google, le Cumulative Layout Shift permet de s’assurer que vous proposez la meilleure expérience possible à vos visiteurs au niveau de la stabilité visuelle. Chez Falia, nous pouvons vous aider à optimiser votre site web, n’hésitez pas à contacter un de nos experts !  

 

Abonnez-vous à notre blogue

Restez à l'affut des nouveautés en matière de marketing numérique en recevant tous les mercredis nos derniers articles!

Ces articles pourraient vous intéresser...