このブログのドメインランクを上げるためのPageSpeed Insights対策このブログのドメインランクを上げる目的は、PVの増加させることでのアドセンス及びアフィリエイトの報酬をアップさせるため。よってドメインランクとは直接関係ないですがPageSpeed Insights対策も必要であると考えます。

PageSpeed Insights対策前のスコア

このブログのドメインランクを上げるためのPageSpeed Insights対策まあ、今回初めてPageSpeed Insightsにて分析をした結果が、この通り。

真っ赤な42点という結果に愕然とする訳です。

これを最低でもオレンジな点数にしないとイケないと思います

よって、何が原因なのかを調べると大まかに問題点が分かりました。

JavaScriptファイルの読み込み数が多い

この JavaScriptファイルの多くは以下に関連するファイルです。

  • Twitter関連
  • アドセンス関連

細かいものは他にもありますが、この2つの JavaScriptがTOPページを表示する速度を遅くする原因であることが分かりました。

JavaScriptファイルの読み込みに関する改善策

そのための対策は以下の通り。

  • JavaScriptの読み込みを遅らせる「autoptimize」というプラグインを有効化
  • Twitter及びInstagramの埋め込みに関するJavaScriptファイルの削除
  • Twitter及びInstagramの埋め込みを廃止しリンク対応とする
  • Googleアドセンスの自動広告をTOPページのみ廃止
  • TOPページを2カラムから1カラムに変更

基本的にはTOPページの表示速度がアップできれば良いので、TOPページにある不要なものを排除することでTOPページの表示速度を上げるのが得策だと考えました。

よって、サイドバーにあるアドセンス広告、Twitterのタイムラインなどを非表示化。

どうせ、このブログの70%以上の読者はスマホで閲覧しているのでサイドバー自体が既に無用であることに気づく。

また、各記事に少し埋め込まれているTwitterやInstagramの埋め込みを基本的には削除し、リンク対応とすることで、各SNSのJavaScriptを不要にすることで表示速度をアップさせる。

問題はアドセンス広告に関するJavaScriptは「autoptimize」というプラグインでもあまり効果がないことが判明。

しかし、アドセンス広告を非表示にすることはできないため、アドセンス広告の自動広告の設定を変更。

TOPページでの表示を不可にすることでアドセンス広告関連のJavaScriptを可能な範囲で動作を遅らせる、動作させない対策を行う。

PageSpeed Insights対策後のスコア

このブログのドメインランクを上げるためのPageSpeed Insights対策何とかオレンジの55点までスコアをアップさせることができました。

当然まだまだ改善の余地がありますが、まずはJavaScriptの動作を遅らせる、動作させないことという対策は効果があったことがこれで分かりました。

各指標で一番改善があったのがTotal Blocking Timeです。

  • 改善前：3,980ミリ秒
  • 改善後：1,160ミリ秒

このように約1/4程度に減らすことができました。

しかし、スコア的にはギリギリオレンジの55点なので改善がまだまだ必要です。

PageSpeed Insightsのさらなる改善箇所

このブログのドメインランクを上げるためのPageSpeed Insights対策改善できる項目はこのような項目が並んでいます。

赤参画の部分が重要な改善ポイントになりますが・・・

使用していない JavaScript の削減

これは既に・・・

  • 「autoptimize」というプラグイン
  • TwitterやInstagram等の各種SNSの埋め込み表示の削除
  • TOPページのアドセンス広告の自動広告の非表示

にて改善しているので、これ以上は難しいと考えます。

ウェブフォント読み込み中のテキストの表示

これに関しては正直調べても対応方法がよく分かりません。

気にする必要もないという情報もありますので、現在は放置しています。

第三者コードの影響を抑えてください

これも使用していない JavaScriptの部分で同時に対応したため、これ以上は難しいのでは？と考えており、現在は放置しています。

メインスレッド処理の最小化

このメインスレッド処理の最小化というのがまだ理解できずに現在調査中。

Googleのサポートページの説明を読んでも・・・

  • スタイルとレイアウト
  • レンダリング
  • HTML と CSS の解析
  • スクリプトの解析とコンパイル
  • ガベージ コレクション

これらの意味がまだ理解出来ていません。

恐らくは、スクリプトの評価はJavaScript関連だと思います。

よって、放置するとしてもそれ以外の部分はワードプレスのテーマに関する部分の改善が多いのでは？と考えています。

ちなみに、このブログのテーマは【賢威】 BMWとオープンカー、２台持ちは大変でした/GOCCHI | このブログのドメインランクを上げるためのPageSpeed Insights対策です。

今となってはかなり古いテーマですから、構造的に問題が多いのかもしれません。

テーマのHTMLやCSSを変更するとテーマがアップデートされた際に改めて設定を行う必要があると思います。

できれば、そこはあまり触りたくない（詳しくないので）のが本音です。

もう10年近く前に購入し、他のブログでも使用しています。

よって、できればテーマは変更したくはないのですが、やはりこの辺りが限界ってことでしょうか？

とりあえず、このブログのドメインランクを上げるためのPageSpeed Insights対策は今後も継続します。

このブログのドメインランクを上げるための施策を今後も続けていきたいと考えます。