サイトが重い！？ WordPressの表示速度が遅いときの原因と対策

PageSpeed Insightsというツールを使えば、URLを入力するだけでWebサイトの表示速度を計測できます。

なにを改善すればどの程度のスピードアップを見込めるかもレポーティングされるので、具体的な改善方法を知りたい場合にも便利です。

計測結果は、100点満点の総合スコアとともに表示されます。

モバイルの表示速度を確認するには、Test My Siteというツールがおすすめです。

WebサイトのURLのドメイン部分を入力するだけで、モバイルの表示にかかる時間を計測することができます。

なお、通信回線は4G回線を前提としています（2020年12月現在）。

このツールで計測できるのは、Webサイトがブラウザに表示されはじめるまでの時間を表す「FCP」という値です。

診断結果の画面から、改善策などが書かれた詳細レポートをメールで受け取ることもできます。

2021年にGoogleの検索ランキングに取り入れられる予定となっている「コアウェブバイタル（Core Web Vitals）」という指標をご存じでしょうか。

コアウェブバイタルは、ページの読み込みに関する最新の指標です。

コアウェブバイタルには、次の3つの指標があります。

これらの数値は、上で紹介したPageSpeed Insightsでチェックすることができます。

目標数値を達成していないページについては、早めの対策をおこないましょう。

表示速度が遅いWebサイトでは、直帰率が高くなるというデメリットが生じます。

直帰率とは、ページに訪れたユーザーがほかのページに移動する前にWebサイトを離れてしまう（直帰する）ユーザーの割合のことです。

調べごとをしていたユーザーがあなたのWordPressサイトに訪れても、

ページがなかなか表示されなければ、読み込みが終わるよりも先にブラウザの「戻る」ボタンを押して、別のWebサイトに移動してしまうでしょう。

Webサイトが重いと他のページも読みたいという気持ちを失うばかりでなく、

そもそも訪れたページを読むことすらしてくれなくなる可能性もあるということです。

Webサイトの表示速度が遅いと、Googleでの検索順位にも影響が出る恐れがあります。

Googleが日本で2018年7月に導入した「スピードアップデート」以降、

デスクトップ環境だけでなくモバイル環境での表示速度も検索順位を決定する要素として加味されるようになりました。

スピードアップデートは、表示速度がとくに遅く、ユーザー体験を損ねているサイトは検索順位が下がるというものです。

常識的な速さであれば問題ないと公表されていますが、その具体的な数値は名言されていません。

もし、あなたのWebサイトがGoogleに「表示速度が遅い」と認識されてしまった場合、検索順位が下がり、ユーザーに見つけてもらうのが難しくなる可能性があります。

表示速度は、商品の販売や収益にも大きな影響を与える要素です。

Webサイトの表示速度に関するアンケート「How Loading Time AFFECTS YOUR Bottom Line」では、以下のような回答が集まりました。

また同アンケートでは、ページの応答が1秒遅くなるとコンバージョンが7％も下がる可能性があるといった、成果に直結する悪影響があるとわかっています。

これは逆に、表示速度の改善ができれば収益向上が期待できるという意味でもあります。

テキストなどに比べると、画像はかなり大きなデータです。

そのため、1つのページ内で画像ファイルを多用すると、読み込みが極端に遅くなってしまうことがあります。

画像の枚数だけでなく、画像1枚あたりのファイルサイズにも注意が必要です。

たとえば、デジタルカメラやスマートフォンで撮影した写真は、Webサイトで使うには解像度が高過ぎる場合がほとんどでしょう。

こうした高解像度の画像をリサイズやトリミングをせずにフルサイズで使うと、当然ながらWordPressが重くなってしまいます。

CSSやJavaScriptはテキストファイルの一種なので、画像ほど大きなデータではありません。

それでも、ファイル数やファイルサイズが増えれば表示速度は遅くなってしまいます。

実際には使っていないファイルだとしても、ブラウザはすべての情報を読み込もうとするので注意が必要です。

メニューやスクロールなどのアニメーションは、Webサイトをリッチに演出したりユーザー体験を向上させたりするのに効果的な手法です。

しかし、あまり使い過ぎるとWordPressが重くなってしまうこともあります。

多くのアニメーションは、JavaScriptによって動いているためです。

1つのページ内でアニメーションを多用すると、ファイル数やファイルサイズが増えて読み込みが遅れるため、注意が必要です。

Webサイトの表示速度は利用するサーバーにも依存します。

とくにWordPressは、一般的なWebサイトよりも高いサーバー能力を必要とするシステムです。

高性能なサーバーを利用するほど、WordPressの表示速度は速くなります。

また、サーバーあたりの契約ユーザー数が問題になることもあります。

同じ共有サーバー内で運用している他サイトのサーバー負荷が大きくなると、本来は関係ないはずの自分のWebサイトが遅くなってしまうためです。

WordPressのプラグインは、Webサイトの表示速度を早くすることにも使える便利なツールですが、

たくさんのプラグインを同時に使うとWordPressが重くなってしまうケースがあります。

また、実際には使用していないプラグインが有効になっているだけでも、

無駄なCSSやJavaScriptの情報が挿入されてしまい、時間のロスにつながる場合もあります。

画像ファイルをWebサイトに最適な方法で圧縮し直すことで、画質を維持したまま容量を小さくすることが可能です。

画像の圧縮はグラフィックソフトなどでおこなうのが一般的ですが、WordPress上で手軽に圧縮できるプラグインも複数あります。

ここでは2つ例を挙げてみましょう。

「EWWW Image Optimizer」というプラグインは新規でアップロードする画僧はもちろん、すでにアップロード済みの画像もまとめて圧縮できます。

「Compress JPEG & PNG images」というプラグインは、外部のWebサービスで画像を圧縮するのでサーバーに負荷がかからないのが特徴です。

こうしたプラグインを活用して、今あるWordPressの画像を圧縮してみてはいかがでしょうか。

HTML・CSS・JavaScriptなどのテキストファイルには、必要のない改行やコメントといったデータも含まれているのが一般的です。

これらのムダなデータを削除することで、ファイルサイズを減らすことができます。

また、CSSとJavaScriptについては、複数のファイルを1つにまとめてしまうのも効果的です。

ファイル数が減る分だけブラウザがサーバーと通信する回数が削減され、表示速度の向上が期待できます。

このような対策は手作業よりも、CSSやJavascriptのリソースを最適化する「Autoptimize」などのプラグインを活用するのが効率的でしょう。

サーバーの負荷を減らすには、動画ファイルはYouTubeなどの動画サービスにアップロードした上で、WordPress上で表示するよう設定するのが良いでしょう。

再生時間にもよりますが、動画ファイルは画像の数十倍や数百倍もの大きさになることもあるため、

動画を自分のWordPressと同じサーバーに置くと、通信するだけでも大きな負荷になるからです。

一般的なWebサイトにYouTubeの動画を表示するには、HTMLでの埋め込みが必要ですが、

WordPressの場合は管理画面の操作のみで動画を埋め込むことができます。

WordPressの高速化のためには、次に挙げる次世代配信フォーマットで画像を表示させるという方法もあります。

これらのフォーマットは圧縮性能に優れているため、画質を大きく落とさずにファイルサイズをさらに削減できます。

ただしまだ新しいフォーマットなので、サポートしているブラウザが限られている点には要注意です。

次世代フォーマットを使用する際には、非サポートのブラウザでも画像が表示できるよう、

「EWWW Image Optimizer」などの画像圧縮プラグインを活用するなどの対応をしましょう。

レイジーロード（Lazy Load）とは、Webサイト上の画像を遅延読み込みさせる技術のことです。

レイジーロードに対応したWebサイトでは、ブラウザに表示される範囲内の画像のみが最初に読み込まれます。

そして、ほかの画像はスクロールに応じて必要になったときに読み込まれるため、読み込み時間と通信量の削減になるという手法です。

一般的なWebサイトでレイジーロードを使うにはJavaScriptやHTMLの知識が必要ですが、

WordPress 5.5以降はレイジーロードを標準搭載しているので、WordPressを最新の状態にアップデートしている人であれば、とくに作業は必要ありません。

WordPress内にある不要なファイルはなるべく削除することもWebサイトのスピード改善に役立ちます。

例えば、投稿の下書きなどが不要ファイルとして挙げられます。

投稿一覧から下書き保存の投稿を確認し、もう使うことがなければ削除してしまいましょう。

また、WordPressにはリビジョンという、投稿を復元するために自動保存する機能が付いています。

これは誤って投稿を消してしまったときも復活できるため便利な機能ではありますが、永久に自動保存し続けてしまうため、リビジョンのデータが溜まりすぎるとWebサイトが重くなってしまいます。

プラグインの「WP-Optimize」などを活用して、リビジョンのクリーニングを定期的におこなうのがおすすめです。

ブラウザには、一度読み込んだファイルを一定期間保存する「キャッシュ」という仕組みがあります。

キャッシュを使うことで、前に訪れたことのあるWebサイトに再び訪問したときに、通信量が減り表示が速くなります。

キャッシュを保存するには、「WP Fastest Chache」などのプラグインを有効化する方法が手軽でおすすめです。

（※ただしキャッシュ系プラグインは他のプラグインやテーマとの相性などで不具合が発生する可能性もあるため、慎重な検討をおすすめします。）

また、キャッシュによる速度向上を最大化するには、Webサイト内の改善も有効です。

まず、Webサイト内で繰り返し使われる画像やCSS、JavaScriptなどは共通化し、どのページでも同じファイルを使うように指定しましょう。

これにより、次にWebサイトを訪れたときや、サイト内を巡回するときに、キャッシュを利用してページを表示するようになるため、表示速度の高速化を図ることができます。

WordPressでは、プラグインを無効にすることでCSSやJavaScriptの数が減る場合があります。

ファイルの数を減らすと表示速度が向上するので、使っていないプラグインは無効にするか削除するようにしましょう。

また、アクセス解析をはじめとする情報を蓄積するタイプのプラグインは、Webサイトの運営を長期間おこなうほどデータ量が多くなってしまいます。

保存期間を3カ月程度の設定にして、残りの必要ないデータは消去したほうが良いでしょう。

WordPressのバージョンが新しくなった影響などでWordPressとプラグインとの相性が悪くなることもあります。

その場合はプラグインの開発側でもバージョンアップがおこなわれるケースがあるため、プラグインのバージョンも常に最新になるようアップデートすることも大切です。

サーバーの見直しは、Webサイトの速度向上に効果的な方法です。

CPUやメモリ、ストレージといった基本スペックの性能などをチェックして、最適なサーバーを利用するようにしましょう。

Webサイトのアクセス集中時に表示が遅くならない仕組みを備えていることも重要です。

「ConoHa WING」は、圧倒的な処理速度で国内No.1を誇るレンタルサーバーです。

従来のPHP5より2倍以上速いPHP7に対応するなど、WordPressに最適なチューニングが施されています。

強力なキャッシュ機構も備えているため、Webページの読み込みも高速です。

また、一般的なレンタルサーバーでは1台のサーバーを複数のユーザーで使うため、ほかのWebサイトの影響でスピードが遅くなってしまうケースも少なくありません。

ConoHa WINGの「ビジネスプラン」なら、ほかのユーザーに影響されない環境を利用できるので、Webサイトを常に高速な状態に保つことができます。

速くて安定したサーバー環境を手に入れたい方は、検討してみてはいかがでしょうか。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。