Points clés
Mettez fin aux boutons qui rebondissent et au texte qui défile pendant le chargement de la page. Moyens de réduire le score CLS à zéro.
Des défilements qui testent la patience de l'utilisateur : CLS
Il existe peu d'expériences pires que le texte que vous essayez de lire défilant soudainement vers le bas ou le bouton changeant de position au moment où vous êtes sur le point de cliquer dessus. Google mesure cette instabilité avec la métrique Cumulative Layout Shift (CLS) et considère une valeur inférieure à 0,1 comme "bonne".
Pourquoi le CLS se produit-il ?
- Images et vidéos de tailles non spécifiées.
- Chargement retardé des polices (problème FOIT/FOUT).
- Espaces publicitaires ou widgets ajoutés dynamiquement.
- Changements de style dus à chargement tardif des fichiers CSS.
Solutions
- Ajoutez les valeurs
widthetheightà toutes les balises. - Réservation d'espace à l'aide de la propriété
aspect-ratioen CSS - Lors de l'utilisation de
font-display: swappour les téléchargements de polices, alignez les dimensions du police de secours avec la police principale. - Créez des conteneurs à hauteur fixe pour les espaces publicitaires.
Service connexe
Meta Ads & Performance
Optimisation des budgets publicitaires via serveur CAPI et croissance prouvée du ROAS
