AdSenseの表示を速くしたいのであえて遅延表示？！
AdSenseの広告を表示させるとどうしてもページの表示が遅くなります。広告の数が多いほど遅くなります。そのせいでGTmetrixやPageSpeed Insightsのスコアが悪くなります。なんとかページの読み込みと表示を速くしたいと、
- DNS-PrefetchとかPreloadを使う
- 広告の数だけあった
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jsを一つだけにする - 他のJSと一緒にまとめてａｓｙｎｃで読み込む
など、いろいろ試して少しはページ表示スピードやスコアがよくなったのですが、どうしても納得がいきませんでした。
そこで、いろいろ角度で調べていると、『逆に遅延させるといい:』という方法を見つけました。以下にソースを貼っておきますが、効果ありました！PageSpeed Insightsでスコアが安定して90点以上出るようになりました。
導入手順
- ページのソース内にある
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>をすべて削除 - 以下のスクリプトソースを
</body>直前に貼る
adsbygoogle.js>を遅延読み込みするので。ページソース内に一つでも残っていると効果が無いので、一つも見逃さないように削除してください。