Blogger(ブロガー)でアドセンスが重い:遅延読み込みで解決
Bloggerでアドセンスが重い。PageSpeedInsightsで計測すると、モバイルで50もいかない。そこで、遅延読み込みを試した。
ちなみに、この方法は自動広告には対応していないと思われる。
アドセンスの遅延読み込み
- 「HTMLを編集」から、pagead2が含まれているコードを消す。
- 新しいコードを用意する。ca-pub~のところは自身のアドセンスコードに変える。
- <script type='text/javascript'>
- //<![CDATA[
- var lazyadsense2 = false;
- window.addEventListener("scroll", function(){
- if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {
- (function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
- lazyadsense2 = true;
- }
- }, true);
- //]]>
- </script>
- 「HTMLを編集」から、コードを</body>の直前に置く。
結果
スコアが50から75に改善!
なお、本件はHow To Lazyload AdSense Ads In Blogger Website? - TechyLeafを参照した。