表示速度をチェックする

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

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

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ファイル」に記述する必要があります。