Webサイト構築で多く使われているWordPressはカスタマイズの自由度が高く様々なことができます。しかしその一方で、自由度の高さからWebサイトの表示速度を落としてしまうケースもあります。

表示速度が落ちてしまうと、読み込みが遅くなってしまうため、なにかと不都合も生じてしまうのです。そこで今回は、WordPressの表示速度を高速化する方法について解説していきます。

なぜ高速化が必要なのか

そもそも、なぜWordPressの高速化が必要なのでしょうか。
中には「高速化」に対して、そこまで意識しなくてもいいのでは？と思っている方もいるかもしれませんね。

しかし、WordPressの高速化には主に以下のような2つの効果があるのです。

  • ユーザビリティの向上に繋がる
  • SEOへの好影響が期待できる

これらはどちらもWebサイトをGoogle上で運営するにあたって重要なことです。
ひとつずつ説明していきます。

ユーザビリティの向上に繋がる

WordPressの高速化をすればユーザビリティの向上にも繋がります。Webサイトの表示速度を速めることはユーザビリティに直結しているのです。

たとえば、日常でも何かを検索した時にサイトの表示が遅いとイライラしてしまうもの。しばらく待っても表示がされないとなれば、そのページを開くこと自体やめてしまうでしょう。そのことからもWordPressの高速化はユーザビリティに繋がると言えます。

では、実際の表示スピードがどれくらいであればユーザーがストレスを感じないかと言うと、表示までのスピードは1秒未満です。反対に表示までが3秒を超えてくるとサイトから離れてしまうでしょう。

SEOへの好影響が期待できる

WordPressの高速化はSEOへの好影響も期待できます。

Googleは「10の真実」の中で以下のように述べています。

  1. 遅いより速いほうがいい。
    Google は、ユーザーの貴重な時間を無駄にせず、必要とする情報をウェブ検索で瞬時に提供したいと考えています。自社のウェブサイトにユーザーが留まる時間をできるだけ短くすることを目標にしている会社は、世界中でもおそらく Google だけでしょう。Google は、Google のサイトのページから余計なビットやバイトを削ぎ落とし、サーバー環境の効率を向上させることで、自己の持つスピード記録を何度も塗り替えてきました。検索結果の平均応答時間は 1 秒足らずです。Google が新しいサービスをリリースするときには、常にスピードを念頭に置いています。モバイルアプリをリリースするときも、新時代のウェブにふさわしい高速ブラウザの Google Chrome をリリースするときも同じです。今後も、さらなるスピードアップを目指して努力を続けていきます。
    引用元：Google が掲げる 10 の事実

また、Googleはランキング要素としてページの読み込み速度を用いることも公表しています。

参考：
Google ウェブマスター向け公式ブログ [JA]: ページの読み込み速度をモバイル検索のランキング要素に使用します

このことからも表示速度の改善はSEOに好影響があると言えます。

表示速度をチェックする

表示速度の改善は、現状と改善後の速度をチェックしなければ、その効果は分かりません。

表示速度のチェックは、ツールを使うと簡単にできます。

Googleでも表示速度のチェックができるツールを提供しており「Page Speed Insights
」や「Google Analytics」が代表的なツールです。

Page Speed Insights

Page Speed Insightsは、ページの表示速度をスコア化してくれます。それだけではなくレポートでは具体的な改善を示すことが可能です。
スピードのチェックも簡単でURLを入力するだけ手軽に利用できるので、表示速度が落ちたと感じた場合はすぐにチェックできます

Google Analytics

Google Analyticsは、Google Search Consoleと並んでWebサイトの分析には欠かせないツールです。実際に使用している方も多いのではないでしょうか。
Google Analyticsでは様々な分析ができるのですが、そのうちの一つとして速度表示のチェックも可能。ブラウザやデバイスごとに分析ができるためユーザー環境を元にした問題の発見に繋がります。

表示速度を高速化する方法

表示速度をチェックした結果、思わしくない速度であった場合は改善していく必要があります。
その方法はいくつかあり、以下のようなものが一般的です。

  • 画像を最適化する
  • プラグインを見直す
  • 表示しているコンテンツをへらす（広告、記事）
  • コードを圧縮する
  • キャッシュの使用

これらを行っていき、速度の改善をしていきましょう。
ひとつずつ解説していきます。

画像を最適化する

画像はWebサイトの表示にとって大きな負担になってしまいます。
このことから、画像をアップロードする際にはフルサイズのものは避けるようにしましょう。
もし、記事の横幅と同程度の表示をしたい場合は、画像サイズの設定を「大サイズ」にすておくと見た目もキレイに表示されます。
また、できれば画像は圧縮しておいた方が好ましく手動やプラグインを使って圧縮を行う方法があります。
画像を圧縮できるプラグインは「EWWW Image Optimizer」があり、使用すると自動的に画像の圧縮が可能になります。

プラグインを見直す

WordPress高速化のためには、定期的にプラグインを見直す必要があります。プラグインを入れるということは、それに伴ってファイルの読み込みや処理を行うことになります。そうなれば、プラグインを入れれば入れるほどページの表示速度は遅くなってしまいます。もっと言えば、あれもこれもとプラグインを追加してしまうのは避けたいところです。

とはいえ、本記事で紹介しているようなWordPressの高速化に有効なプラグインや分析・快適なサイト作りに有効なものもあります。つまり、プラグインは必要なものだけに厳選するべきなのです。また、プラグインの厳選ができていない場合は管理不足によるエラーにも繋がることも考えられます。

表示しているコンテンツをへらす（広告、記事）

表示しているコンテンツの量が多ければ多いほど、読み込みの負担がかかってしまいWebサイトの表示速度も落ちてしまいます。
特に注意をしておきたいのがトップページの記事一覧や広告の量です。広告は表示速度の負担の他に、数が多いとユーザーにストレスを与える事にもなります。文字数や記事の内容によって広告の数は変わって来るものですが、無駄に広告を表示させることは避けましょう。

一方のトップページの記事一覧は意外と盲点となる箇所です。こちらもWebサイトのデザインによるため一概には言えませんが、だいたい8~10記事くらいに表示数を設定しておくと良いかもしれません。表示数の変更は、WordPressの管理画面から行えます。

コードを圧縮する

コードの圧縮もページの表示速度の改善につながります。ここでもプラグインを使用すると簡単に改善ができます。

「Autoptimize」というプラグインを使用するとHTMLやCSS・Javascriptのコードを圧縮し表示速度を速めることが可能です。HTMLやCSS・Javascriptのコードをそれぞれ1つにまとめてデータを小さくするようなイメージです。ユーザーのブラウザへの負担をより軽くできるようになります。

キャッシュの使用

ブラウザキャッシュの使用でファイル取得時間の短縮が可能です。ブラウザキャッシュとは、既に読み込んだファイルをブラウザで保存し再び表示をする時はそのファイルから読み込むことです。

これによって、ファイルの取得にかかる負担を減らし読み込み時間を短縮するというわけです。

このブラウザキャッシュの設定は「.htaccessファイル」に記述する必要があります。

まとめ

WordPressの高速化はユーザーがWebサイトを訪問するにあたって重要な作業です。お伝えしたように高速化できておらず読み込みに時間がかかってしまうことは避けなくてはいけません。

読み込み時間がかかってしまえば、そもそもサイトに訪問してもらうこともできなくなってしまうのです。

WordPressの高速化に有効なプラグインも多くありますし、手作業においてもそこまで負担が大きいものではありません。まずは自社のウェブサイトの表示速度を確認してみるところから始めてみるとよいでしょう。