Le lazy loading est une technique puissante qui peut augmenter considérablement la viewability (visibilité) publicitaire, réduire la latence des pages et améliorer l’expérience utilisateur (ou UX).

Lorsqu’il est implémenté correctement, il permet aux éditeurs d’obtenir de meilleures performances publicitaires et des revenus publicitaires plus élevés.

Introduction

Le lazy loading est devenu l’un des outils les plus impactants pour les éditeurs qui souhaitent améliorer à la fois les performances de leur site web et la monétisation publicitaire.

Contrairement à l’eager loading, où les publicités sont chargées immédiatement, le navigateur attend pour appeler certains éléments que l’utilisateur interagisse ou scrolle à proximité de l’élément. Le terme lazy reflète cette approche de chargement de contenu différée et à la demande.

Ceci est mis en œuvre pour éviter de charger de nombreuses publicités que les utilisateurs ne voient jamais, ce qui réduirait considérablement la viewability et, par conséquent, ferait baisser les eCPM.

Il s’agit d’une stratégie courante et d’une bonne pratique UX recommandée. En fait, en mai 2024, environ 27% de tous les sites web utilisaient nativement le lazy loading, et l’adoption a continué de croître en raison de ses avantages évidents tant pour l’UX que pour la rentabilité.

Dans un monde numérique concurrentiel, toute stratégie qui accélère les pages, réduit les taux de rebond et augmente l’engagement est cruciale.

Avantages du Lazy Loading

Expérience Utilisateur (UX)

La vitesse reste l’un des facteurs de classement et d’engagement les plus critiques pour les éditeurs. Selon une étude de Kanuka Digital, un délai d’une seconde dans le temps de chargement d’une page entraîne une baisse de 7% des conversions, 11% de pages vues en moins et une diminution de 16% de la satisfaction client.

Du point de vue de l’optimisation UX, les pages qui chargent plus rapidement paraissent plus fluides et maintiennent l’engagement des visiteurs plus longtemps. Des sessions plus longues augmentent l’exposition publicitaire, offrant davantage d’opportunités aux équipes de gestion publicitaire des éditeurs pour diffuser des annonces en phase avec le comportement de l’utilisateur.

Le lazy loading pour les publicités garantit que seules les annonces visibles par l’utilisateur sont chargées immédiatement, tandis que celles situées sous la ligne de flottaison (below the fold) sont différées. Cela réduit le poids initial de la page et limite l’exécution de JavaScript au démarrage, ce qui se traduit par des chargements de page plus rapides.

Le lazy loading est également très utile pour les expériences mobiles, car il économise la consommation de données et accélère le chargement pour les connexions plus lentes et moins fiables. C’est particulièrement pertinent, car notre étude réalisée plus tôt cette année a révélé qu’une part importante de 68,37% des utilisateurs en ligne accèdent à leurs sources d’information favorites via mobile.

Un site plus rapide et plus réactif renforce l’engagement des utilisateurs, réduit les taux de rebond et augmente la probabilité que les utilisateurs voient les publicités et interagissent avec elles. Cela améliore également les Core Web Vitals et renforce l’optimisation SEO.

Viewability

Les annonceurs paient plus cher pour l’inventaire qui génère des impressions visibles et engagées, et le lazy loading s’aligne parfaitement avec cette évolution du marché.

Un lazy loading efficace garantit que les appels publicitaires ne sont déclenchés que lorsque les impressions sont susceptibles d’être visibles. Cette approche évite le gaspillage d’impressions et aide les publicités à se charger de manière fluide sur tous les appareils.

Selon nos propres données, les éditeurs utilisant des configurations de lazy loading optimisées peuvent atteindre des taux de viewability supérieurs à 70% sur l’ensemble de leurs inventaires multi-appareils.

L’amélioration des taux de viewability entraîne une augmentation de l’eCPM (revenu pour mille impressions), comme le démontre ce graphique tiré du tableau de bord de l’un de nos éditeurs :

Dans l’exemple ci-dessus, on peut observer cette corrélation : la viewability a augmenté de 10,6%, tandis que les eCPM ont progressé de 18,0% en parallèle sur la même période.

Grâce à un taux de viewability plus élevé, la valeur de l’inventaire des éditeurs augmente, ce qui se traduit par des enchères plus élevées lors des auctions et une hausse des revenus.

Bonnes Pratiques du Lazy Loading

Les meilleures pratiques clés pour le lazy loading incluent :

• Exclure les publicités au-dessus de la ligne de flottaison : Vous ne devriez pas implémenter le lazy loading pour les publicités situées above-the-fold, car vous voulez que celles-ci se chargent le plus rapidement possible.
• Utiliser des placeholders pour le contenu différé : Affichez des images de basse qualité, des couleurs de fond unies ou des éléments de type skeleton pendant le chargement des publicités afin de maintenir une continuité visuelle et d’éviter les espaces vides.
• Optimiser les formats et les tailles d’images : Utilisez des formats modernes comme le WebP, compressez les images et réduisez la taille des fichiers avant le déploiement pour améliorer les temps de chargement et l’efficacité.
• Tester la performance, la compatibilité et la diffusion publicitaire sur tous les appareils et navigateurs : Le lazy loading ne consiste pas seulement à retarder les appels publicitaires ; il s’agit de trouver le bon moment pour charger le contenu. Charger trop tôt peut gaspiller de la bande passante et des ressources, tandis que charger trop tard peut causer des délais pour les utilisateurs ou entraîner des impressions publicitaires manquées. Les éditeurs devraient utiliser l’A/B testing pour déterminer la meilleure stratégie selon leur audience et leur type de contenu.
• Suivre et auditer les performances : Suivez les indicateurs pour l’optimisation de l’UX, du SEO et de l’optimisation du rendement publicitaire (revenue yield optimization), puis ajustez les stratégies en fonction des résultats.

Points Clés à Retenir

Le lazy loading est une technique puissante pour les éditeurs qui améliore considérablement à la fois l’UX et l’optimisation SEO. En ne chargeant le contenu et les publicités que lorsqu’ils sont nécessaires, il réduit la latence des pages, améliore les performances mobiles et garantit des interactions plus fluides.

De plus, le lazy loading augmente la viewability publicitaire, car les publicités ne sont déclenchées que lorsqu’elles sont susceptibles d’être vues. Cela évite le gaspillage d’impressions et booste la valeur globale de votre inventaire, ce qui se traduit par des eCPM plus élevés.

Pour maximiser ces avantages, les éditeurs doivent suivre les bonnes pratiques telles que l’exclusion des publicités au-dessus de la ligne de flottaison du lazy loading, l’utilisation de placeholders pour le contenu différé, l’optimisation des formats et tailles d’images, ainsi que le test des performances sur différents appareils et navigateurs.

Globalement, le lazy loading offre un avantage stratégique en équilibrant la rapidité de performance du site et l’efficacité de la monétisation publicitaire. Il soutient à la fois l’optimisation du rendement et une gestion efficace de la publicité programmatique, ce qui en fait un outil indispensable pour les éditeurs.

FAQ