Aller au contenu
SilktideAide

Déplacements de mise en page

Silktide observe votre page pendant son chargement et mesure à quel point la mise en page saute, en identifiant les parties spécifiques de la page qui bougent. Une page stable apparaît une fois et reste en place ; une page instable se décale à mesure que les images, les polices et les contenus intégrés arrivent.

La mesure est le Déplacement de mise en page cumulatif (CLS), l’un des de Google. Il additionne chaque mouvement inattendu pendant le chargement : 0,1 ou moins est considéré comme bon, et 0,25 ou plus comme médiocre.

Pourquoi c'est important

Les déplacements de mise en page provoquent de vraies erreurs. Un visiteur s’apprête à toucher un lien, le contenu saute au dernier moment, et il touche autre chose — parfois une publicité, parfois "Acheter" au lieu de "Annuler". Le texte qu’il est en train de lire lui échappe soudain. Cela donne l’impression d’un site cassé et peu fiable, une sensation que les visiteurs remarquent immédiatement même s’ils ne savent pas la nommer.

Google utilise aussi les Signaux Web essentiels, y compris celui-ci, comme signal de classement pour la recherche ; une page instable peut donc coûter en visibilité autant qu’en capital confiance.

Comment corriger

Silktide indique quels éléments ont bougé ; la solution consiste à réserver leur espace avant leur chargement.

  1. Donnez à chaque image et vidéo une largeur et une hauteur explicites (ou un rapport d’aspect CSS), afin que le navigateur réserve le bon espace avant l’arrivée du fichier — voir Tailles d’images explicites.
  2. Réservez de l’espace pour les publicités, les contenus intégrés et autres contenus chargés tardivement à l’aide d’un conteneur de taille fixe, même s’il est parfois partiellement vide.
  3. N’insérez jamais de nouveau contenu au-dessus de ce que le visiteur est en train de lire, sauf en réponse à sa propre action.
  4. Chargez les polices personnalisées de manière à éviter le reformatage visible du texte — voir Texte visible pendant le chargement.

Comment Silktide teste cela

  1. Charge la page dans un véritable navigateur, en utilisant le type d’appareil, la vitesse de connexion et l’emplacement de test configurés pour vos tests de vitesse.
  2. Enregistre chaque mouvement de mise en page inattendu pendant le chargement et les totalise dans le score de Déplacement de mise en page cumulatif (CLS) de la page.
  3. Indique chaque élément qui a bougé, avec son et sa contribution individuelle au total.
  4. Note la page selon son score total, d’après l’échelle publique de cette mesure : 0,1 ou moins est bon, 0,25 ou plus est médiocre.

Dépannage

Je ne vois pas la page bouger

Les déplacements se produisent souvent dans les tout premiers instants du chargement, avant que vous ne commenciez à lire, ou seulement sur des connexions plus lentes où les fichiers arrivent étalés dans le temps. Votre navigateur peut aussi avoir mis en cache les images et les polices de la page, de sorte que rien n’arrive en retard. Les éléments listés par le contrôle indiquent précisément ce qui a bougé, même brièvement.

Mon score diffère de celui d’autres outils

Le CLS dépend de l’appareil, de la vitesse de connexion et de la portée de la mesure. Silktide mesure un chargement de page contrôlé avec vos paramètres de test de vitesse ; les outils basés sur des données réelles de visiteurs (ou qui continuent de mesurer pendant que les utilisateurs défilent et interagissent) peuvent légitimement rapporter des valeurs différentes pour la même page.

En savoir plus

Dernière mise à jour

Cette page vous a-t-elle été utile ?