Décalage de mise en page
CLS · Un score mesurant à quel point les éléments se déplacent de façon inattendue pendant le chargement de la page ; Google considère 0,1 ou moins comme bon.
- 01
Pourquoi c'est important
Le décalage de mise en page survient lorsque des éléments se déplacent de façon inattendue pendant le chargement de la page. Le texte en cours de lecture saute et les visiteurs appuient sur le mauvais bouton ; c'est agaçant et cela peut provoquer de mauvaises commandes ou de mauvais clics. Les images sans dimensions définies, les publicités qui se chargent plus tard et les changements de police en sont les causes les plus fréquentes.
- 02
Exemple
Sur la page de commande, une bannière promotionnelle qui se charge tard est insérée au-dessus du bouton « Finaliser la commande » et le pousse vers le bas. Une fois l'espace réservé pour la bannière, le bouton reste en place et les clics erronés cessent.
- 03
Erreur fréquente
Ne pas donner de largeur et de hauteur aux images. Si le navigateur ne connaît pas à l'avance la taille d'une image, il ne peut pas réserver d'espace ; le contenu est donc repoussé vers le bas quand l'image arrive.
- 04
Parlons de votre projet.
Dites-nous votre besoin ; nous définirons le périmètre ensemble.