Réduire le décalage de mise en page lié aux annonces
Présentation
Le paramètre Cumulative Layout Shift mesure la quantité totale de décalages de mise en page visibles par l'utilisateur à l'aide de l'API Layout Instability en additionnant le score de décalage de mise en page pour tous les décalages de mise en page où l'iFrame de l'annonce s'est décalé ou a provoqué un décalage de mise en page.
Recommandations
Cette métrique n'indique pas un problème spécifique. Elle doit être utilisée pour identifier les points à améliorer et suivre ces améliorations au fil du temps.
Pour éviter tout décalage de mise en page, il est important de définir la taille des éléments d'annonce avant le chargement du tag d'emplacement publicitaire. Cela peut être difficile, voire impossible, à réaliser parfaitement, en particulier pour les espaces publicitaires qui acceptent les annonces de taille dynamique. Toutefois, il existe des bonnes pratiques à suivre pour minimiser le décalage de mise en page dans la plupart des cas. Pour en savoir plus, consultez le guide visant à limiter le décalage de mise en page sur le site GPT destiné aux développeurs.
Cumulative Layout Shift (CLS)
Optimize Cumulative Layout Shift
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/06/26 (UTC).
[null,null,["Dernière mise à jour le 2024/06/26 (UTC)."],[[["Cumulative Layout Shift (CLS) quantifies the total visual instability caused by ad iframes shifting or inducing layout changes, using the Layout Instability API and layout shift scores."],["This metric helps pinpoint areas for improvement and track progress rather than diagnosing specific issues."],["Minimizing layout shift is crucial and involves pre-setting ad element sizes, though achieving perfection is challenging, especially with dynamic ads."],["Refer to the GPT developer guide for best practices in minimizing layout shift for most scenarios."]]],[]]