WEBサイト表示速度計測ツールのスコアが30上がった話【PageSpeed Insights】

Better Delete Revision たった一つの方法で30点上がった話






たった一つの作業で、PageSpeed Insightsの点数が30点近くアップした話です。

自社ホームページのリニューアルに伴い、Googleの「PageSpeed Insights」で表示速度を測定してみたら、なんという事でしょう…。これはアカン。

PageSpeed Insights モバイル
PageSpeed Insights パソコン

同条件のサイトであれば、少しでも表示速度が速いサイトがSEOに有利であると、Googleも公式に発表しているので、何とか点数を上げていきたいと思います。

計測結果の分析から始める

速度計測イメージ

計測方法は簡単で、ページ上部に表示されているテキストエリアに計測したいアドレスを入力して、分析ボタンを押すだけで計測結果が出てきます。

モバイルとパソコンでそれぞれ点数が出ます。Googleは85点以上が合格点としているので、39点はホンマアカン…。

とりあえず今回は、指摘された問題点のうち一つだけ対処をしただけですが、30点近くも点数が上がったので、その方法を書いて見たいと思います。

圧縮を有効にする

問題点一覧

今回は、Google先生からこれでもかと指摘された問題点の一番上にある「圧縮を有効にする」を解決する事で、大幅に点数がアップしましたので、その方法を書いておきます。

「.htaccess」でのgzip圧縮

詳しいことは微妙にわからないのですが、どうやら「.htaccess」というファイルにコードを追加するだけで、カンタンに圧縮ができるそうです。

「.htaccess」は不可視ファイルとして存在しますので、表示設定を変更して不可視ファイルが見えるようにする必要があります。

不可視ファイルを表示

「.htaccess」にコードを追記

.htaccessをダウンロードして、下記のコードを追加します。

「.htaccess」をサーバーにアップロード

コードを記述して保存したら、元あったサーバーのルートへアップロードして完了です。とても簡単です。

再度PageSpeed Insightsで確認する

ドキドキしながら計測し直してみると…なんと!驚きの結果が出ました!

速度改善結果モバイル
速度改善結果パソコン

たったこれだけの作業で、こんなに点数が改善されるとは思いませんでした。

モバイルの方は、まだ赤文字なので喜べませんが、他の問題点を解消すれば、もっと点数が上がると思われますので、85点を目指して頑張りたいと思います。

たった一つの方法で30点上がった話でした。

追記

ちなみに、会社が利用しているサーバーはKAGOYAのマネージドサーバープランですが、他社のサーバーで同じ結果になるかどうかは、検証しておりませんので、上記方法で対応できるかは不明です。
「.htaccess」は操作を誤ると、サイトが表示されなくなる事もあるそうなので、くれぐれも注意してください。







Better Delete Revision たった一つの方法で30点上がった話