SEO対策において、ページの表示速度は注意すべき指標の1つです。

ページの読み込みに3秒以上かかると50%以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れません。

特に、WordPressのように動的にコンテンツを表示する場合には、ページ表示のタイミングで色々な処理が行われるので注意しなければページ表示速度が遅くなってしまうケースがよくあります。

今回は、WordPressのページ表示速度を改善するための方法をご紹介したいと思います。

WordPressのページ表示速度はなぜ気をつけなければならないのか

WordPressは、管理画面で作成したページの情報を動的に表示するシステムで動いています。

つまり、アクセスの度にコンテンツを生成しているため、静的なWebサイトに比べて速度が遅くなってしまいやすいです。

しかし、これについては下記にご紹介するキャッシュプラグインを導入することで改善することが可能です。

ページ表示速度が遅いとユーザビリティが低下する

訪問者にとっては、ページを開いたらすぐに読むことができる状態であることが理想ですが、ネットワークの速度やコンテンツの取得の影響である程度時間がかかってしまいます。

しかし、あまりにも表示速度が遅いとせっかくアクセスしてくれたユーザーが途中で待つのをやめてしまい、ページから離脱してしまいます。

近年ではユーザビリティが非常に重要なテーマとして挙げられていますが、ページの表示速度はユーザビリティに直結する非常に重要な要素の1つです。

ユーザビリティを向上させるためにも、なるべくページ表示速度を速く保つことが大切になります。

もちろん表示速度だけを意識すればいいわけではない

ページの高速化を行うことによってSEO対策に効果があると言われていますが、最低限の表示速度が確保されていれば、そこまで気にする必要はありません。

もちろん、訪問者のユーザビリティを考えればページの表示速度が早いに越したことはありませんが、ページの表示速度を早めるために画像を全く表示しなかったり、CSSやJavaScriptを遅延ロードすることによって画面がチラつくようなことになってしまうと、むしろ逆効果です。

ページの表示速度だけでなく、総合的なユーザビリティを意識してページの表示速度改善を行うようにしましょう。

WordPressのサイトを高速化する方法

WordPressは単なるHTMLとCSSで作られたWebサイトと違い、ページを表示するタイミングで動的にコンテンツを生成するため注意しないとどんどんページの表示速度が遅くなってしまいます。

ページの表示速度が遅くなってしまうと、ユーザーが離脱してしまう原因になったり、検索エンジンからの評価が下がってしまう原因となります。

ページの表示速度を高速化することによって、訪問者を待たせること無くコンテンツを表示することができ、それによって検索エンジンからの評価も向上しやすくなり、SEO対策にも繋がります。

WordPressのサイトを高速化する方法には様々な種類がありますが、下記に重要な9つのポイントをまとめました。

  1. キャッシュプラグインを導入する
  2. 画像を圧縮する
  3. 画像を遅延読み込みするようにする
  4. テーマを変更する
  5. サーバーに原因がある場合も
  6. 1ページに表示するコンテンツ数を減らす
  7. プラグインを減らす
  8. コードを圧縮する
  9. ブラウザキャッシュを利用する

では、1つずつ解説していきたいと思います。

1. キャッシュプラグインを導入する

WordPressは動的にコンテンツを表示するため、アクセスされる度にデータベースからデータを取得し、その都度コンテンツを生成しています。

これが原因で、データベースからデータを取得している時間の分だけページの読み込みが遅れてしまう原因となります。

ページの表示速度を向上して高速化するためには、キャッシュプラグインを追加しましょう。キャッシュを利用することによって、データベースからデータを取得せずにページを表示することができるため、ページの表示速度改善に大きく貢献します。

おすすめのキャッシュプラグインは、「WP Super Cache」というプラグインです。

WP Super Cacheはとても有名なプラグインなので、検索すれば使い方に関するページがたくさん出てきます。それらを参考にして初期設定を行うようにしましょう。

2. 画像を圧縮する

画像ファイルはページの表示速度を低下させてしまう要因の1つで、高速化の敵です。

Webサイトを高速化させるためには、表示する画像のサイズを必要最低限にし、さらに使用する画像は圧縮しておくようにしましょう。

  • 「フルサイズ」の画像を使用しない
  • 画像を圧縮してアップロードする

「フルサイズ」の画像を使用しない

WordPressには、画像をアップロードすると自動でいくつかのサイズの画像ファイルを生成してくれるようになっています。

フルサイズの画像は、アップロードしたオリジナルの画像サイズのファイルで、フルサイズの画像を使用することによってページの表示速度が低下する原因になってしまいます。

記事の横幅いっぱいに画像を表示するときは、「大サイズ」を選択して画像を表示するようにしましょう。

画像を圧縮してアップロードする

画像ファイルは見た目の品質を保ったまま、ファイルサイズを小さくすることができ、これを「圧縮」と言います。

毎回アップロード前に手動で画像を圧縮するのでも問題ありませんが、それだと手間がかかってしまうのでプラグインを使って画像の圧縮を自動化してしまいましょう。

画像の圧縮には、「EWWW Image Optimizer」というプラグインを使用します。

プラグインをインストールして、有効化すると、WordPressの管理画面の「設定」に「EWWW Image Optimizer」という項目が追加されます。

ここから色々と細かく設定することも可能ですが、基本的にはこのままで問題ありません。

すでにアップロード済みの画像を最適化したい場合は、「メディア」の「一括最適化」から行うことができます。

3. 画像を遅延読み込みするようにする

画像ファイルは、先にもご説明したようにWebサイトの読み込みファイルの中でも特にサイズが大きくなってしまいがちです。

画像を遅延読み込みすることによって、コンテンツの読み込みが完了してから画像を読み込むようになるので、ユーザーの体感速度が向上します。

遅延ロードのためのプラグインはいくつか公開されていますが、「Lazy Load」などの有名なプラグインを選べば検索するとすぐに使い方や設定方法を見つけることができるのでおすすめです。

4. テーマを変更する

WordPressのテーマによっては、1つ1つのファイルサイズが大きくてページ表示速度が遅くなってしまうテーマというものがあります。

もちろん、テーマを変更したからといって劇的に速度が向上するとは限りませんが、逆に言うとテーマのせいでページ表示速度が遅い場合は、いくら小手先の対策を行っても劇的に改善することは難しいです。

すでにWordPressでWebサイトを運営していて、ページ表示速度が気になるという方はテーマを見直してみるのも1つの手です。

最近ではページの表示速度の速さを売りにしたテーマも色々と公開されているので、手っ取り早く改善したい場合にはそういったテーマを利用するのがいいでしょう。

5. サーバーの性能を上げる

ページの表示速度は、サーバーのデータ転送速度に原因がある場合もあります。スペックの低いサーバーや、古いレンタルサーバーなどを使用していると転送速度が遅い場合がよくあります。

もしページの表示速度が遅く、どんな対策を行っても改善しない場合はサーバーの性能に原因がある場合が多いです。

おすすめのレンタルサーバーは、「エックスサーバー」です。月々1,000円程度で優れたサーバーを使用することができ、Xアクセラレータという機能によって非常に高速なデータ転送速度を実現しています。

格安サーバーなどを利用していて、データの転送速度が気になっている方はサーバーの乗り換えを検討してみると良いでしょう。

6. 1ページに表示するコンテンツ数を減らす

表示するコンテンツの量が多くなるほど、読み込まなければならないファイルの数も増えるためページ表示速度が低下してしまいます。

特に気を付けなければならないのがトップページを含めた記事一覧ページで、記事一覧に表示する件数が多いとそれだけ表示速度が遅くなってしまいます。

特に、トップページは多くの人がアクセスするページなので、なるべくページの表示速度が早い状態をキープしたいですよね。記事一覧の表示件数をへんこうしたい場合は、WordPressの管理画面から、「1ページに表示する最大投稿数」から変更することができます。

ただし、1ページに表示する記事数を減らしてしまうと、記事を探す時に何度もページ送りしないといけなくなってしまいます。最適な記事数はデザインにもよりますが、最低でも8〜12件くらいは表示するようにしておいた方がいいでしょう。

7. プラグインの数を減らす

プラグインの数が増えると、それだけ色々なファイルを読み込んだり処理を行うことになるので、ページの表示速度が低下する原因となってしまいます。

もちろん、導入することでページの高速化につながるプラグインもたくさんあり、それを利用することは有効な対策です。ただし、むやみにプラグインをどんどん追加することは避け、必要なプラグインに厳選して利用することをおすすめします。

また、プラグインの数が増えすぎてしまうと、自分でも管理が行き届かなくなってしまい、エラーが発生する原因にもなってしまうため注意しましょう。

8. コードを圧縮する

HTMLやCSS、JavaScriptのコードが分散されていると、1つ1つファイルを取得しなければならないので時間がかかってしまいます。コードを圧縮して1つにまとめることによって、ページの表示速度の短縮に繋がります。

コードを圧縮するには、「Autoptimize」というプラグインを使用します。

このプラグインを利用することによって、HTML、CSS、Javascriptのコードを最適化してページの表示速度を改善することができます。これによって劇的に改善するわけではありませんが、少しでもページの表示速度を改善したい場合はチェックしてみてください。

9. ブラウザキャッシュを利用する

ブラウザキャッシュとは、一度読み込んだファイルをChromeやSafariなどのブラウザ側で保存しておき、再度表示する時はキャッシュファイルから読み込むという仕組みのことです。

ブラウザキャッシュを利用することによって、何度も利用するファイルはブラウザ側で保持しているキャッシュを利用することができるようになるため、ファイルを取得する時間を短縮することが可能です。

ブラウザキャッシュを設定する場合は、.htaccessというファイルに設定を記述します。

特にファイルサイズが大きくなってしまいがちな画像や、JavaScript、CSSをブラウザキャッシュさせるための記述は下記の通りになります。

ただし、.htaccessに誤った設定を行ってしまうと正しくページが表示されなくなる原因にもなります。注意して変更するようにしましょう。

表示速度をチェックしてみよう

ページの表示速度は、「Page Speed Insights」というGoogleが提供するツールでチェックすることが可能です。

URLを入力するだけでスピードをチェックしてくれるので、「ページの表示速度が遅いな」と思ったら、一度チェックしてみてください。

また、Page Speed Insightsは、改善点も教えてくれるので、WordPressの高速化を始める前に原因がどこにあるのかチェックしておくことが重要です。

表示速度の対策を行う前と後でどのくらい点数が変化したかを参考にしながら高速化に挑戦してみてください。

おすすめの記事