サイトの表示速度はSEOをおこなう上でも重要な要素です。
ページ読み込み速度が遅いとサイト訪問者の利便性が悪くなり、離脱率が上がってしまいます。
Googleが発表している調査によれば、53%のユーザーが「読み込みに３秒以上かかるモバイルサイトからは離脱する」と回答しています。
世界的に見ても、特に日本のサイト表示速度は、非常に遅いというデータも出ています。
引用：モバイルサイトスピードが与えるコンバージョンへの寄与 – 応募率が 14％向上したバイトルの事例より
この結果わかることは、サイト表示スピードを改善することで、ユーザー満足度が向上し結果的にSEOでも有利になるということです。
そこで、今回は私が実際に自分のサイトのページスコアを計測して、３つの施策を行った結果、どこまで改善するのかを検証しました。
目次
ページスピードインサイトでチェック！表示スピードを改善しよう
PageSpeed Insightsとは、サイトの表示スピードを測定できる無料ツールです。
Googleが無料で提供しており、ページ読み込み時間や改善点なども提案してくれる必須のツールとなっています。
実際に私のこのサイト「shuya.jp」も計測してみました。
それがこの結果↓
ページスコアはナント「２７」。
改善できる箇所が多いことがわかります。
これが、今回ご紹介する３つの施策を行った結果、ページスコアは「３８」まで改善しました。
これでもまだ改善点は多いのですが、少なからず前よりは良くなったかなと。
かかった時間は全部で１時間程度です。
今回ご紹介するのは、WEBの知識がなくてもさくっと改善できるものばかりです。
もしサイト表示速度が気になるという方は、是非参考にしていただけるといいのではないかと思います。
それではいきましょう！
ページ速度を改善するために行った３つの施策
ページ読み込み速度改善のために行った施策はこちらです。
- 不要なプラグインの削除
- 画像を自動圧縮するプラグインの実施
- JavaScriptコード、CSSコード、HTMLコード最適化
どれも「すぐに」「誰でも簡単」にできる施策ばかりですので、是非まだ対応していない場合はさくっとやってしまいましょう！
順番に解説しますね。
１．不要なプラグインの削除
サイト表示スピードには、不要なプラグインがインストールされているだけでも遅くなります。
以前使っていたけど、今は利用していないプラグインがあれば、削除した方が賢明です。
プラグインを削除しても必要であればもう一度インストールすればいいだけなので、不要なものは削除しましょう。
不要なプラグインの削除方法は、
「サイドバー」-「プラグイン」-「有効化してないプラグインを削除」
これで使っていないプラグインを削除しましょう。
私は不要なプラグインを８個ほど削除しました。
２．画像を自動圧縮するプラグインの実施
コンテンツが多くなれば、サイトに入れる画像の量も増えていきます。
画像ファイルは、サイト表示スピードを低下させるという問題があります。
今回、私のサイトでもページスピードインサイトを実施してみて分かったのが、画像サイズが大きいことでした。
そこで導入したのが、自動で画像サイズを圧縮してくれる「EWWW Image Optimizer」というプラグインです。
EWWW Image Optimizer
EWWW Image Optimizerとは、画像を劣化させることなく自動で画像サイズを圧縮してくれるプラグインになります。
※一括最適化は元の画像を変更するため、元に戻すことはできません。最適化をする前に、必ず画像のバックアップを取ってから行ってください。
EWWW Image Optimizerのインストール方法
「サイドバー」-「メディア」-「一括最適化」-「最適化されていない画像をスキャンする」
この順番に進んでいただければ、EWWW Image Optimizerが自動的に最適化されていない画像を抽出し圧縮してくれます。
３．JavaScriptコード、CSSコード、HTMLコード最適化
サイトデザインを修正したり、機能を追加していくと、「JavaScript」、「CSS」、「HTML」などの各種コード周りが煩雑になることがあります。
これらのコードの構造は、サイト表示スピードにも影響を与える頃になります。
不要なコードは削除し、シンプルにできるところは改善した方がページ読み込み速度は上がります。
ただ、専門的な知識がないとコードを最適化することは難しいでしょう。
そこで活躍するのが、「Autoptimize」というプラグインです。
Autoptimize
Autoptimizeとは、「JavaScript」、「CSS」、「HTML」のファイル内の改行などを取り除いて圧縮し、自動で最適化してくれるプラグインです。
Autoptimizeのインストール方法
「サイドバー」-「プラグイン」-「Autoptimize」検索-「今すぐインストール」
この順番で「Autoptimize」をインストールします。
次に、「Autoptimize」を使うための設定を行います。
Autoptimizeの設定方法
「設定」-「Autoptimize」
「JavaScript コードの最適化」と「Aggregate JS-files?」にチェックを入れます。
「CSS コードを最適化」と「Aggregate CSS-files?」と「インラインの CSS を連結」にチェックします。
「連結されたスクリプト / CSS を静的ファイルとして保存」、「Minify excluded CSS and JS files?」、「ログイン中のユーザーも最適化しますか ?」それぞれにチェックを入れます。
ここまでできたら、「変更を保存してキャッシュを削除」ボタンを押して完了です。
まとめ
今回は、ページスピードインサイトでチェックして表示スピードを改善する３つの方法をご紹介しました。
それがこの３つでしたね。
- 不要なプラグインの削除
- 画像を自動圧縮するプラグインの実施
- JavaScriptコード、CSSコード、HTMLコード最適化
私のこのサイトでは、この３つの改善をしたところ、スコアを「２８→３８」に改善することができました。
もちろん、他にも改善点がたくさんあります。
今回ご紹介した３つの施策以外にも改善できるところは直していきたいと思います。
ページ読み込み速度は、直接的にはSEOに関係しませんが、ユーザーの利便性という意味では非常に重要な要素です。
表示速度が遅ければ離脱率が高くなってしまうというデータもありますので。
なので、できるだけ改善できるなら改善した方がいいのです。
ただし、ページスピードインサイトのスコアが１００にならないといけないかというとそうでもありません。
ページ読み込み速度が完璧でなくても上位表示は十分可能ですので。
サイトの利便性を高めることはもちろん重要です。
しかし、ユーザーが求めるコンテンツを充実させることも非常に重要なことになります。
サイトの利便性を高め、ユーザーに求められるサイトになることにフォーカスして運営していきましょう！
新宮秀也
最新記事 by 新宮秀也 (全て見る)
- ネット副業の詐欺の手口と3つの対策を解説！当てはまったら即辞めてください！ - 2020年1月8日
- フリーランス必見の税金対策完全版！たった3つのことをしておくだけで大丈夫！ - 2020年1月8日
- 【完全保存版】ネットでできる副業のおすすめ15選！あなたの適正とマッチするものが必ず見つかります！ - 2020年1月8日
