月額9,800円から通えるプログラミングスクール

PageSpeedInsightsのモバイルが遅い人必見!スコアを90点台まで上げた方法5つを紹介します!

PageSpeedInsightsのスコアを90点台まで上げた5つの施策

この記事ではPageSpeedInsightのスコアを改善する方法を紹介しています。

読者
読者

パソコン版はそこそこ高いのにモバイル版の表示だけ低い…

ページスピードインサイトのモバイルだけ表示が遅いんだよなーってお悩みのブロガーさん結構いるんじゃないでしょうか?

実はこのブログも昨日までパソコンのスコアが60点~70点でモバイルが20~30点代だったのですが、今回の改善で90点台に乗せることができました!

今回行った施策をまとめたので、スコアが低くてお悩みの方は是非参考にしてもらえればと思います(`・ω・´)

スコアを上げるためにやったこと5つ

スコアを上げるためにやったことは以下の通りです!

  • プラグインの削除
  • Autoptimize
  • BJ Lazy Load
  • EWWW Image Optimizer
  • PHPのバージョンアップ

使っていないプラグインの削除

使っていないプラグインのjavascriptファイルの読み込みに時間がかかっていたようなので使っていないプラグインを削除しました。

ブログ運営してるとホイホイプラグイン入れちゃいますけどページ速度に影響することもあるので考えて導入した方がいいですね。

面倒ですけどプラグイン入れる前と入れた後でスコアに差があるかチェックするとベストだと思います。

EWWW Image Optimizer

EWWW IMage Optimizer

最も効果を発揮してくれたのがこのプラグインです!

これは画像のファイルサイズを圧縮してくれるもので、有効にしておけば画像をアップロードする都度、自動で最適化してくれるみたいです。

これの導入だけで30から80点ぐらいまで上がりました!導入必須です笑

Autoptimize

Autoptimize

これはCSSファイルやJavascriptファイルを最適化してくれるプラグインになります。

最適化ってどうゆうことかと言いますと.cssや.jsファイル同士を一つにまとめたり空白や改行を削除して最小化することですね。

これを入れたことでスコアが5~10ぐらい上がりました!

設定方法

設定は以下の手順通りボタンをぽちぽち押していくだけでOKです!

アップロードしている枚数より多い数が表示されると思いますが気にせずクリックすれば大丈夫です!

BJ Lazy Load

BJ Lazy Load

Lazy Load の名前の通り画像の読み込みを遅らせてくれるものです(BJは知りまへん)

ページ内の画像を一度に読み込まずに、スクロールして画面に表示される時に読み込むようにすることでページの読み込みを早くするものです。

設定方法

二箇所にチェックを入れるだけでOKです!他はいじらずデフォルトのまま

dj_lazy_load_setting

PHPのバージョンアップ

ここまでの施策で85~89をうろちょろするようにはなりましたが、90点の壁を超える事ができませんでした。

他にできることないかなーと調べているとPHPのバージョンが高いほどサーバの処理が早くなるという情報を見つけました!

早速PHPのバージョンアップしました。

エックスサーバーで運営している人は簡単に設定できます!

サーバーパネルにログイン後、「PHP Ver 切替」 をクリック

対象のドメインを選択
変更したいバージョンを選択して変更して完了!

まとめ

ここまでご紹介した施策で90点台に乗せることができました!!

ビフォー

アフター

思っていたよりも簡単に改善できたので良かったです。

いやーそれにしてもサクサク動くのっていいですね、巡回したくなります笑

ページの表示が早いと離脱率も低くなりますしSEO的にも評価が良くなるという話もあるので今後が楽しみです。

簡単なので是非みなさんも試してみてください!

最後まで読んで頂きありがとうございましたm(_ _)m

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です