Votre site bouge sur mobile, et cela se mesure

Vous allez toucher un bouton sur votre téléphone et, juste avant, la page bouge. Le bouton n’est plus sous votre doigt. Ce déplacement se mesure : c’est le CLS. Lors d’un test de laboratoire de mon site, le 7 septembre 2026, avec une émulation mobile, le résultat était de 0,262. Il se situait dans la zone que Google classe comme mauvaise.

CLS signifie Cumulative Layout Shift. Il mesure les changements inattendus de position du contenu visible, pas le temps de chargement du site. Un résultat de 0,1 ou moins est bon ; au-dessus de 0,1 et jusqu’à 0,25, il faut améliorer ; au-delà de 0,25, il est mauvais. Google explique la mesure et ses seuils.

Le défaut venait du contenu provisoire

J’ai cherché l’élément qui changeait de place. Le pied de page passait du pixel 593 au pixel 15 350. Il apparaissait d’abord dans le premier écran, puis se retrouvait beaucoup plus bas. Le défaut ne concernait pas uniquement le mobile.

La cause était un remplacement au démarrage de la page. Le navigateur affichait un contenu provisoire avant de dessiner la page complète. Ce contenu ne réservait que 60 % de la hauteur de l’écran, ce qui laissait le pied de page visible. Lorsque le reste apparaissait, le pied de page sortait de l’écran.

J’ai réservé toute la hauteur d’un écran. Le pied de page restait alors hors du premier écran, pendant l’affichage provisoire comme ensuite. Il pouvait encore changer de position, mais ce mouvement n’était plus visible et ne comptait pas dans le CLS. Dans une comparaison locale des deux versions, avec les mêmes conditions de test, le résultat mobile est passé de 0,262 à 0.

Comparaison locale avec émulation mobile	Avant	Après
CLS	0,262	0
Pied de page pendant l’affichage provisoire	Pixel 593, dans le premier écran	Pixel 918, hors du premier écran
Espace réservé au contenu provisoire	60 % de la hauteur de l’écran	Toute la hauteur d’un écran

Ce zéro correspond au test local. Il ne prouve pas le résultat actuel du site publié.

J’ouvrais ce site tous les jours et je n’avais rien vu. Le défaut se trouvait dans un contenu provisoire qui disparaissait en quelques dixièmes de seconde.

Comment lire le résultat de PageSpeed

Pour examiner votre site, ouvrez PageSpeed Insights, saisissez son adresse et choisissez mobile. Cherchez le CLS, mais regardez aussi dans quelle section il apparaît.

La section consacrée à l’expérience des utilisateurs reprend des visites réelles des 28 derniers jours, si les données sont suffisantes. Vérifiez si elle concerne cette page ou l’ensemble du site. Le test de laboratoire simule un chargement et aide à rechercher le défaut. Il peut manquer des déplacements qui se produisent plus tard pendant une visite. La documentation de PageSpeed distingue ces deux lectures.

Si vous venez de corriger quelque chose, ce test peut montrer l’amélioration avant l’historique des visites. Et si les données réelles manquent, cette preuve manque : cela ne signifie pas que tout va bien.

Un CLS élevé n’identifie pas non plus la cause à lui seul. Sur un autre site, une image, une police ou un élément qui apparaît plus tard peuvent intervenir. Je demanderais à la personne qui gère la page de repérer ce qui bouge et ce qui le pousse avant de modifier quoi que ce soit.

Une mesure du comportement de la page

Le CLS ne me dit pas si le texte est compréhensible ni si le site fait vendre. Je n’ai aucune mesure des ventes perdues à cause de ce déplacement. Je ne peux pas transformer le passage de 0,262 à 0 en promesse de chiffre d’affaires.

Si le résultat est mauvais, conservez l’adresse, la date et l’origine de la mesure : visites réelles ou test. Demandez à voir le déplacement avant la correction et à faire répéter le test après.