Googleアドセンスの読み込みはページ表示速度を著しく低下させます。
以下方法で問題解決の期待値が向上しますので是非お試しください。
Google AdsenseコードのScriptタグを削除
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8085372009702943"
crossorigin="anonymous"></script>
<!-- フッター -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8085372009702943"
data-ad-slot="2683573049"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
上記コードの下記部分を削除してください。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8085372009702943"
crossorigin="anonymous"></script>
</script>
Scriptタグ削除後のコード
<!-- フッター -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8085372009702943"
data-ad-slot="2683573049"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
遅延読み込み(LazyLoad)用コードを設置
下記コード導入で、スクロールしたタイミングで遅延読み込みをするようになります。
以下のコードを/body直前に設置してください。
<script>
//<![CDATA[
//lazy load ads
var lazyloadads = false;
window.addEventListener("scroll", function() {
if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {
(function() {
var ad = document.createElement('script');
ad.type = 'text/javascript';
ad.async = true;
ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
})();
lazyloadads = true;
}
}, true)
//]]>
</script>
以上、簡単な方法ですので是非お試しください。
アニメ
2024年春アニメ放送後人気ランキング。
【第10位】変人のサラダボウル...
続きを見るWeb スピード
Webサイトの表示速度を加速させる画像圧縮Webツール。
Webサイトの表示速度を向上さ...
続きを見るWeb Wordpress コード スピード プラグインなし
プラグインなし!シンタックスハイライトPrism.jsの使い方|WordPress
今回はWordPressに、プ...
3 コメント
続きを見る8月
環境問題 移住
日本沈没は本当!?東京、千葉、埼玉、茨城はほとんど沈没(千葉は島化)。札幌、仙台、名古屋、大阪、沖縄等も沈没予想。温暖化・沸騰化で南極の氷(淡水)が溶ける。早めの移住と首都移動を。
今世界は「温暖化」を通り越し「...
続きを見る11月
コード
サーバー内でzipファイルを解凍する方法
解凍したいファイルを「exam...
続きを見る