Passer au contenu
SilktideAide

Décalages de mise en page

Silktide observe votre page pendant son chargement et mesure à quel point la mise en page saute, en identifiant les parties précises de la page qui se déplacent. Une page stable s’affiche une fois et ne bouge plus; une page instable se décale au fur et à mesure que les images, polices et contenus intégrés arrivent.

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

Pourquoi c’est important

Les décalages 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 que le visiteur est en train de lire lui échappe soudain. Cela donne l’impression que le site Web est brisé et peu fiable, d’une manière que les visiteurs remarquent immédiatement même s’ils ne savent pas l’expliquer.

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

Comment corriger le problème

Silktide indique quels éléments ont bougé; la solution consiste à réserver leur espace avant qu’ils ne se chargent.

  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’image explicites.
  2. Réservez de l’espace pour les publicités, les contenus intégrés et tout autre contenu chargé 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 déjà en train de lire, sauf en réponse à sa propre action.
  4. Chargez les polices personnalisées d’une manière qui évite une recomposition visible du texte — voir Texte visible pendant le chargement.

Comment Silktide teste cela

  1. Charger 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. Enregistrer chaque mouvement inattendu de la mise en page pendant le chargement de la page et les totaliser dans le score de Décalage de mise en page cumulatif (CLS) de la page.
  3. Signaler chaque élément qui s’est déplacé, avec son et sa contribution individuelle au total.
  4. Noter la page selon son score total, sur l’échelle publique de cette mesure : 0,1 ou moins est bon, 0,25 ou plus est mauvais.

Dépannage

Je ne vois pas la page bouger

Les décalages se produisent souvent dans les premiers instants du chargement, avant que vous ne commenciez à lire, ou seulement sur les connexions plus lentes où les fichiers arrivent espacés dans le temps. Il se peut aussi que votre navigateur ait 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 la vérification 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; des outils fondés sur des données réelles de visiteurs (ou qui continuent de mesurer pendant que les utilisateurs font défiler et interagissent) peuvent légitimement indiquer des valeurs différentes pour la même page.

Pour en savoir plus

Dernière mise à jour

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

Décalages de mise en page | Aide de Silktide