ブログ運営

【ブログ改善】実はプラグイン削除が効果的!LCP の問題: 2.5秒 超(モバイル)対策方法を紹介!

この記事の目的

皆さんこんにちは、ズーチーです!

いつもDIY関連の記事を書いていますが、今回はブログ運営改善編です!

以前 Google Search Console からの色々なご指摘について、いくつかのプラグインを入れることによって対策を行い

Webページの表示スピードに関してスコア表示して判定してくれる PageSpeed Insight というサイトのスコアを指標として

33点→95点の超大幅スコアアップ

を実現しました!!

【ブログ改善】PageSpeed Insight のスコアが低い!!初心者でも簡単見直しでモバイル33点→95点の大幅アップを実現した方法を紹介!! この記事の目的 皆さんこんにちは、ズーチーです! いつもDIY関連の記事を書いていますが、今回はブログ運営改善編です! ...

ところが・・・

2022年11月頃から気づけばまた

LCPの問題2.5秒超(モバイル)

が発生していました!!!

順調だと思っていたのでこれはなかなかショックです・・・

前回の記事で色々とやれることもやっていたので、プラグイン等の対策は済んでいるので

今回はそれらの設定を再確認しつつPageSpeedInsightのスコアを確認していき

対策法を探っていきます!!

結果として・・・過去最高の

スコア98点

を実現しました!!!

今回は実際に行ったLCP問題の改善方法を紹介します!

同じような問題を抱えている方は参考にしていただければと思います!

①LCPの問題:2.5秒超(モバイル)問題とは?

そもそも“LCPの問題:2.5秒超(モバイル)” とは何か?ですがGoogleさんによると以下となっています!

LCPとは
Largest Contentful Paint (最大視覚コンテンツの表示時間、LCP) は、知覚される読み込み速度を測定するための重要なユーザーを中心とした指標です。これは、LCP がページの読み込みタイムラインにおいてページのメイン コンテンツが読み込まれたと思われる時点を示すためです。LCP を高速にすることで、そのページが便利であることをユーザーに強く印象付けることができるようになります。

https://web.dev/lcp/

このLCPが2.5秒を超えているぞ、とのご指摘ですのでこの問題は一言で言うと

モバイルサイトの表示速度が遅いぞ!!!

ということですね。

確かにこれは読者さん目線だとイラッとしますし問題ですね。

せっかくGoogleさんが指摘してくれていますので、改善に取り組んでいきましょう!!

②設定の確認

まず私の場合は、以下のような設定でブログを運営しています。

  • サーバー:ConoHaWING
  • ブログテーマ:Wordpress JIN
  • プラグイン(表示速度改善関係):
          ■Autoptimize
          ■Flying Script
          ■EWWW Image Optimizer

これらの他にConoHaWINGについているWEXALという高速化設定もOnにしています!

この状態でPage Speed Insightのスコアは

86点

でした。

スコア的には悪くなさそうなのですが、LCPの箇所を確認すると

LCP:3.2秒

となっていました!

確かに2.5秒を超えてしまっていますね!!

この値がどうかわっていくか色々調整してみていきましょう!!

③結論

ちょっとおもしろみは無いのですが、もったいぶらずに結論です!!

今回最もLCPの値が改善したのはなんと・・・

対策として設定していた

プラグイン Autoptimize の無効化

です!

いや〜、まさかです・・・

Autoptimizeの設定を変えながら都度PageSpeed Insightのスコアを確認していくと、

LCPは3.0〜3.5秒 、スコアは80〜88点程度で推移するのですが・・・

思い切ってAutoptimizeを無効化してみると・・・

なんといきなり98点!!LCPも1.7秒となっていました!!

良かれと思っていたものが逆に悪影響を与えていたなんて意外でした!!

しかし、確かに画像遅延等の内容は他のプラグインやConoHaWINGの設定と被っている部分もあるので

重複していることによって余計な処理を増やしてしまっていたのかもしれません!

ともあれ、Search Consoleに指摘されたLCP項目の改善は成功です!!!

相変わらずサチコさんから合格をもらえるとホッとしますね〜

まとめ

いかがだったでしょうか?

今回はブログ運営編として、LCP の問題: 2.5秒 超(モバイル)の対策方法について紹介しました!

結果として、プラグインを削除することによって

PageSpeed Insightのスコアで98点の大幅なスコアアップを実現できました!

色々やってみるもんですね〜

また一つ勉強になりました!

ブログ運営についてはまだまだ初心者ではありますが

私が躓くような箇所は、同じような問題で困っている方もいるかと思うので

同じ境遇の初心者ブロガーさんの困りごとが少しても改善すればうれしいです!

PageSpeed Insight のスコアアップを検討している方の参考になれば幸いです!ではまた!!