どうも菊之露一文字です。最近アナルティクスで
「トップ 5 のランディング ページの 1 つで、読み込み速度が低下」と表示されました。
それに伴い原因と対策を実施しました。
現在利用中のWordPressテーマは「cocoon」で普段は表示速度も早く優秀なテーマです。
プログラムを入力するなどの難しい設定は一切ないので、同じ悩みをお持ちの方は、お試しあれ！！
「トップ 5 のランディング ページの 1 つで、読み込み速度が低下」フタを開けて見ると表示速度が激遅になっていた
googleのPageSpeed Insightsを利用してサイト速度を測ってみると・・・・
https://developers.google.com/speed/pagespeed/insights/
モバイルの速度が冷え切ってるわぁ〜！
こちらが最初のモバイル表示の速度
こちらは最初のパソコン表示の速度
遅すぎて涙が出ます・・・・。
いろいろと調べてみるとどうやらアドセンスが遅いらしいという噂が・・・・。
一旦Google AdSenseを切ってみると速度が改善！！
cocoon設定→cocoon設定→広告で一番上にある「全ての広告を表示」のチェックを外します。
Google AdSenseの広告が消えると・・・・
アドセンスの表示がサイトから消えた事を確認して、「PageSpeed Insights」で再びサイト速度を表示してみると・・・・？
Google AdSenseの表示を消したモバイル表示の速度
Google AdSenseの表示を消したパソコン表示の速度
劇的に表示速度は改善！サイトの速度低下の原因は「Google AdSense」だという事がわかりました。
しかし、アドセンスを消してしまうとサイトが収益化できません。しかしこのままではサイトが遅すぎて見に来てくれたお客様に申し訳ない・・・・。
Google AdSense広告を適度に表示しつつサイト速度の改善を目指す！
google様によって生かされgoogle様によって足を引っ張られる状態。
今回は、「Google AdSense」を表示しつつある程度の表示速度を目指す事としました。
ヘッダーやファンクションページにGoogle AdSenseやJavaScriptを後で読み込む為のコードを追加してみましたが私のサイトの場合は効果が現れませんでした。
（※最新のアップデートで高速化のページ一番下にこれに関連する設定が出現しているようです）
「Google AdSense」周りの設定を見直す
アドセンス広告を出せば出すほどサイトの速度は落ちていきます。様々な設定を付けたり外したりした結果、効果が大きかった物をご案内します。
なんで早くなったの？と理由を聞かれてもわかりませんがこの設定でいくらか速度が改善しました。
「Google AdSense」のアドセンスの表示方式をマニュアルに
cocoon設定→cocoon設定→広告の中段あたりにある「アドセンス表示方式」をマニュアル広告設定にする。
とにかく遅いモバイル表示速度を少しでも改善するために
cocoon設定→cocoon設定→モバイルのモバイル設定で、「モバイルボタン時コンテンツ下のサイドバーを表示」のチェックを外します！サイドバーがモバイルサイトの下段に表示されるとアドセンスも新たに表示されるため速度低下を招くのでは?と推測しています。
サイトの基礎能力を最大限発揮する！
まずはサイトの高速化をもう一度見直します。
なんと私は、サイトの引っ越しを行った時にこちらの設定のチェックが全て外れておりました！もう一度チェックしましょう！
「cocoonの産みの親、わいひらさんのページ」を参考にしました。
https://wp-cocoon.com/site-speed-up/
設定を変更した結果 サイト表示速度は改善！！
アドセンス広告をサイト内に出しつつ速度もそこその納得出来る？黄色ラインまで上げる事に成功しました。レッドラインではないので良いってことで！！
全ての設定を施した後のモバイル表示速度
全ての設定を施した後のパソコン表示速度
サイトの表示速度とGoogle AdSenseの表示の両立は可能
今回の修正で、モバイル表示で90点をとる事は叶いませんでしたが、37点からのジャンプアップすることが出来ました。
ある程度の妥協点を見いだす事ができれば両立出来る範囲だと考えています。
コレが今私に出来る限界でした。モバイルサイトでの表示がアクセスのほとんどなのでモバイル表示を少しでも早くしたいなぁ〜！と思う今日この頃です。
