Bloggerでアドセンスが重い。PageSpeedInsightsで計測すると、モバイルで50もいかない。そこで、遅延読み込みを試した。
アドセンスの遅延読み込み
「HTMLを編集」から、pagead2が含まれているコードを全て消す。
新しいコードを用意する。
ca-pub-xxxxは自身のコードに書き換えて下さい。
手動広告
自動広告
Bloggerでアドセンスが重い。PageSpeedInsightsで計測すると、モバイルで50もいかない。そこで、遅延読み込みを試した。
ca-pub-xxxxは自身のコードに書き換えて下さい。
手動広告
自動広告
の直前に置く。
スコアが大きく改善!手動広告は50から75に、自動広告は50から90になった。
なお、本件はHow To Lazyload AdSense Ads In Blogger Website? - TechyLeaf、GoogleAdSenseの遅延読込みでページ表示速度を改善 | バグ取りの日々を参照した。