Charger les annonces en dessous de la ligne de flottaison
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Présentation
Cet audit vérifie que trois annonces au maximum sont initialement chargées dans la partie en dessous de la ligne de flottaison. La zone en dessous de la ligne de flottaison ne devient visible que lorsque l'utilisateur a fait défiler la page vers le bas.
Les annonces diffusées dans cette zone ont moins de chances d'être vues par les utilisateurs. Par conséquent, charger un trop grand nombre d'annonces peut réduire les taux de visibilité et les performances des pages.
Recommandations
Chargez de manière différée les annonces situées en dessous de la ligne de flottaison. Le chargement différé est une technique qui empêche les annonces situées en dehors de la fenêtre d'affichage d'être demandées et affichées tant qu'elles ne sont pas sur le point d'être affichées à l'écran. Consultez l'exemple de chargement différé GPT pour découvrir un exemple d'implémentation.
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 2025/07/25 (UTC).
[null,null,["Dernière mise à jour le 2025/07/25 (UTC)."],[[["\u003cp\u003e"Below the fold" ads are those outside the initial view and require scrolling to be seen, impacting viewability and page performance if loaded excessively.\u003c/p\u003e\n"],["\u003cp\u003eThis audit ensures no more than three ads are initially loaded below the fold to enhance user experience.\u003c/p\u003e\n"],["\u003cp\u003eLazy loading is recommended for below-the-fold ads, delaying their request and rendering until they are nearly visible.\u003c/p\u003e\n"],["\u003cp\u003eBy implementing lazy loading techniques, publishers can improve viewability rates and optimize page performance, ensuring a better user experience.\u003c/p\u003e\n"]]],["\"Below the fold\" refers to the page area outside the initial view. The audit checks that no more than three ads are initially loaded in this area, as excessive ads can lower viewability and performance. It's recommended to lazy load ads below the fold, preventing them from loading until they're near the viewport. This technique enhances page performance and viewability. The GPT lazy loading sample is suggested as a way to implement this.\n"],null,["# Lazily load ads below the fold\n\nOverview\n--------\n\n| **Key Term:** \"below the fold\" refers to the area of the page outside of the initial viewport.\n\nThis audit checks that no more than three ads are initially loaded below the\nfold. The area below the fold only becomes visible after a user scrolls down.\nAds in this area are less likely to be seen by users, so loading an excessive\nnumber of them can lower\n[viewability rates](https://support.google.com/admanager/answer/4524488) and\ndecrease page performance.\n\nRecommendations\n---------------\n\nLazily load ads that are positioned below the fold. Lazy loading is a technique\nthat prevents ads outside of the viewport from being requested and rendered\nuntil they are close to being scrolled into view. See the\n[GPT lazy loading sample](https://developers.google.com/publisher-tag/samples/lazy-loading)\nfor an example implementation.\n\nMore information\n----------------\n\n[GPT lazy loading API](https://developers.google.com/publisher-tag/reference#googletag.PubAdsService_enableLazyLoad) \n\n[Viewability best practices](https://support.google.com/admanager/answer/6199883) \n[View audit source](https://github.com/googleads/publisher-ads-lighthouse-plugin/tree/HEAD/lighthouse-plugin-publisher-ads/audits/ads-in-viewport.js) [Improve this article](https://github.com/googleads/publisher-ads-lighthouse-plugin/tree/HEAD/docs/audits/ads-in-viewport.md) [Report an issue](https://github.com/googleads/publisher-ads-lighthouse-plugin/issues/new?labels=documentation&template=documentation-feedback.md&title=Documentation+feedback%3A+ads-in-viewport.md)\n\n\u003cbr /\u003e"]]
