Accélérez le chargement du blog avec AdSense Lazy Load

Pour les gens qui utilisent leurs blogs pour avoir des sources de revenus, ils connaissent certainement Google AdSense. Oui, AdSense est la régie publicitaire de Google utilisant les sites web ou les vidéos YouTube comme support pour ses annonces. Pour qu'un webmestre devienne partenaire d'Adsense et génère des revenus publicitaires pour son propre compte, il doit publier du contenu sur son propre site et y faire figurer le code Adsense fourni par Google.

En revanche, AdSense est l’un des contributeurs au chargement, car les annonces affichées par JS AdSense réduiront la vitesse de chargement de notre blog, même si JS AdSense utilise déjà la technologie asynchrone, mais cela fera tout de même attendre le chargement du blog.

Ici, je vais donner un exemple d'image de comparaison avant et après l'utilisation de cette astuce AdSense Lazy Load. Vous trouverez ci-dessous un exemple d'image avant d'utiliser l'astuce Lazy Load AdSense :

Vérifier avec GTmetrix

Et en utilisant Google PageSpeed Insights

En consultant Mon Blogger Code sur GTmetrix, le score 62% PageSpeed Score et 60% YSlow Score. Et pour PageSpeed Insights, 91% résultats pour Desktop et 34% pour Mobile. Pas vite en effet. Mais après avoir installé le code AdSense Lazy Load, les résultats étaient meilleurs qu'avant, comme dans l'image ci-dessous :

Et en utilisant Google PageSpeed Insights

Après l’avoir installé le script AdSense Lazy Load le score pour PageSpeed Insights, 100% résultats pour Desktop et 81% pour Mobile. Oui, ce n'est pas encore parfait pour Mobile, mais au moins, il y a eu une augmentation par rapport à avant.

Eh bien, pour les amis qui veulent accélérer le chargement de leur blog, veuillez suivre les conseils suivants.

Accélérez le chargement du blog avec AdSense Lazy Load

La façon dont le code fonctionne est assez simple, c'est-à-dire que l'annonce apparaît après le défilement de la page. AdSense JS n'apparaîtra donc pas avant le défilement de la page du site.

Ces conseils sont destinés aux amis ayant installé AdSense sur leur blog. Pour ceux qui ne l'ont pas encore fait, le code que je partagerai peut être utilisé pour d'autres besoins, tels que le chargement d'un lien JS externe.

Ouvrez Blogger >> Cliquez sur le menu Thèmes >> Cliquez sur le bouton Modifier HTML >> Ajoutez le code ci-dessous avant </body> ou &lt;!--</body>--&gt;&lt;/body&gt;

JS<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Sinon, assurez-vous de supprimer tous les liens AdSense JS généralement installés dans le code de bloc d'annonces AdSense. Comme ceci :

JS<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Ce code peut également être combiné avec le lien JS Adblock Killer que j'ai partagé dans un article Comment installer la dernière version d'Adblock Killer. Pour ceux d'entre vous qui ont fait le tour, vous pouvez utiliser ce code :

JS<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://rawcdn.githack.com/Arlina-Design/quasar/23207858/arlinablock.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Après avoir ajouté le code, cliquez sur le bouton Enregistrer le thème et terminez.

Vous vous demandez peut-être si ce code est sans danger pour notre programme AdSense?

La réponse est bien sûr en toute sécurité. Parce que Google a également suggéré d’accélérer le chargement du blog et d’installer le code d’image Lazy Load pour accélérer le chargement des images sur les pages du site.

Cela affectera-t-il les revenus de notre blog AdSense?

Je ne sais pas pour l'instant, car je viens de l'installer moi-même. Regardons simplement les progrès, si le revenu est réduit, ce n'est peut-être pas notre fortune 😊 hehe ... Euh, la solution est que vous pouvez révoquer le code et le restaurer comme avant.

En conclusion, donnez la priorité aux besoins. Si vous souhaitez bloguer plus rapidement, vous pouvez utiliser l’astuce ci-dessus, mais si vous n'êtes toujours pas sûr de la diminution des revenus AdSense (qui vont probablement) diminuer, vous souhaitez simplement l’installer. Mais pour moi, c’est ce que je considère être une nouvelle expérience. Ce que j’apprécie ici, c’est la progression "L’installation de ce code aura-t-elle une incidence sur AdSense?" Eh bien, cette curiosité me rend plus excité même s'il y a des risques qui doivent être acceptés

OK, c'est la fin de ce tutoriel pour Accélérer le chargement du blog avec AdSense Lazy Load. J'espère que cela sera utile pour tous les amis au revoir et à bientôt !! 😊