ホームページの表示が遅い…よくある原因と確認方法・改善ポイント

「前より表示が遅くなった気がする」「PageSpeed Insightsで測ってみたら点数が低かった」。そんな経験はありませんか。

表示が遅いと聞くと、まず「サーバーが悪いのでは」と考える方が多いです。
実際には、画像や動画のデータ、WordPressのプラグイン、ページの作り方など、さまざまなことが関係しています。

この記事では、表示が遅くなる主な原因と、原因を見分けるための確認方法、原因ごとの改善方法を紹介します。
あわせて、自分で見直せることと、制作会社に相談した方がいいことも整理します。

ホームページの表示が遅いと何が問題？

表示に時間がかかると、その間にページを閉じてしまう人がいます。
特にスマートフォンでは、動作が遅いとそのままページを離れてしまう人も少なくありません。

表示速度は、Googleが検索順位を決める要素の一つとされています。ただ、表示が速ければ順位が上がるというような単純な話でもありません。内容の分かりやすさや使いやすさとあわせて、総合的に判断されるものです。

それでも、表示が遅いことで、興味を持ってもらえたはずの人を逃している可能性はあります。
問い合わせや来店につなげたいホームページほど、一度確認しておきたいポイントです。

まずは「どこが・いつから遅いのか」を切り分ける

表示が遅いと感じたら、いきなり設定を変える前に、どこが遅いのかを切り分けます。
次の3つを比べてみると、原因の見当がつきやすくなります。

サイト全体が遅いのか、特定のページだけ遅いのか

トップページも会社概要もお知らせも、どのページも遅い場合は、サーバーやWordPress全体の設定など、サイト全体に関わる部分が原因になっていることが多いです。

一方、特定のページだけが遅い場合は、そのページで使っている画像や動画、地図やSNSなどの埋め込みコンテンツが原因として考えられます。遅いページと速いページで、載せているものの違いを比べてみてください。

パソコンとスマートフォンの両方か、スマートフォンだけか

両方で遅い場合は、ページそのものの重さやサーバーが関係していることが多いです。

スマートフォンだけ遅い場合は、スマートフォン向けに読み込んでいる画像が大きすぎる、スマートフォンでは処理が重い動きや演出がある、といったことが考えられます。社内のWi-Fiだけでなく、モバイル回線でも確認してみると、実際にお客様が見ている状態に近づけます。

以前から遅いのか、最近急に遅くなったのか

以前から遅い場合は、ホームページの作りやサーバー環境など、根本的な部分に原因があることが多いです。

反対に、以前は問題なかったのに最近急に遅くなった場合は、直近の変更がきっかけになっている可能性があります。次のような変更がなかったか、順番に振り返ってみてください。

• 最近追加した画像や動画（特にトップページの大きな写真やスライド）
• WordPressのプラグインの追加や更新
• デザインの修正や、ページの追加
• 地図、SNS、予約システム、動画などの外部サービスの埋め込み
• サーバーのプラン変更、サーバー会社側のメンテナンスや障害

変更した時期と遅くなった時期が重なっていれば、それが原因である可能性は高くなります。作業を担当した人や、制作会社・保守会社に「最近何か変えましたか」と確認するのも近道です。

PageSpeed Insightsで表示速度を確認する

表示速度を確認する方法の一つに、Googleが無料で提供している「PageSpeed Insights」というツールがあります。URLを入力するだけで、パソコンとスマートフォンそれぞれの表示速度を確認できます。

結果の画面にはいろいろな項目が並びますが、まずは次の2つを押さえておけば十分です。

Performanceスコア（0〜100点の点数）

画面の中ほどに表示される、0〜100点の点数です。Googleが決めた条件でページを読み込んだときの速さを、点数にしたものです。

目安として、90点以上が「良好」、50〜89点が「改善が必要」、49点以下が「低い」とされています。

Core Web Vitals（実際の利用者の体験を表す指標）

画面の上部には、実際にそのページを見た人のデータをもとにした結果が表示されることがあります（アクセスが少ないページでは表示されない場合もあります）。ここに出てくるのが「Core Web Vitals」と呼ばれる3つの指標です。

• LCP：ページの中で一番大きな画像や文章が表示されるまでの時間。目安は2.5秒以内
• INP：ボタンを押すなどの操作をしてから、画面が反応するまでの時間。目安は0.2秒（200ミリ秒）以内
• CLS：読み込み中に画面の要素がずれる度合い。押そうとしたボタンが急に動いて、別の場所を押してしまうような状態を表します。目安は0.1以下

実際にページを見た人の多く（Googleの基準では75%）がこの目安に収まっていれば「良好」と判断されます。「表示の速さ」「操作への反応」「画面の安定」の3つを見ている、と考えると分かりやすいと思います。それぞれの指標について詳しくは、こちらの記事で解説しています。

あわせて読みたい

Core Web Vitalsとは？SEOと見やすさ・使いやすさとの関係を解説

Core Web Vitalsとは何か、SEOや見やすさ・使いやすさとの関係を初心者向けに解説します。

点数だけで判断しない方がいい理由

パソコンとスマートフォンでは、通信環境や処理性能が違うため、同じページでも点数が大きく変わります。スマートフォンの点数だけを見て、必要以上に不安になる必要はありません。

また、測定時の条件などによって、点数は多少変動します。同じページを測っても、毎回同じ点数になるとは限りません。

100点を目指す必要もありません。専門的な調整で数値は上げられますが、費用や労力に見合わないこともあります。見るべきは点数より、実際に訪れた人がストレスなく使えているかどうかです。

結果の下の方には、「改善できる項目」として、画像のサイズや使われていないコードなどが表示されます。原因の手がかりとして、この部分もあわせて見ておくと役立ちます。

表示が遅くなる主な原因と改善方法

ここからは、表示が遅くなる主な原因と、それぞれの見直し方を紹介します。

画像のデータが重い

写真は、ファイルサイズが大きいほど表示に時間がかかります。スマートフォンで撮影したそのままの写真や、圧縮せずに掲載した画像は、思っている以上にデータ量が大きいものです。

見直し方としては、次の3つが基本です。

• 表示する大きさに合わせる：画面では横幅1,000px程度で表示するのに、4,000pxの写真をそのまま載せている、といった状態を避けます
• 圧縮する：見た目をほとんど変えずに、ファイルサイズを小さくできます。無料の圧縮ツールや、WordPressのプラグインで対応できることもあります
• 軽い形式を使う：WebP（ウェッピー）やAVIF（エーブイアイエフ）は、JPEGやPNGより軽くしやすい画像形式です。WordPressでも、バージョンやサーバーの環境が対応していれば、そのままアップロードして使えます

1枚ずつの差は小さくても、写真の多いページでは表示速度に大きく影響します。画像まわりの基本的な対策はこちらの記事でも紹介しています。

あわせて読みたい

画像SEOとは？alt属性や画像サイズなど基本対策を解説

画像SEOとは何か、alt属性や画像サイズなど、初心者でもできる基本対策を解説します。

動画やアニメーションを多く使っている

トップページに動画や動きのある演出を入れると、印象的なホームページになります。ただ、動画やアニメーションはデータ量が大きく、読み込みに時間がかかりやすい要素でもあります。

見直すときは、その動画が本当にそのページに必要かどうかから考えます。必要な場合でも、動画の長さや画質を抑える、スマートフォンでは動画の代わりに画像を表示する、YouTubeなどの動画は再生ボタンを押したときに読み込む形にする、といった方法で負担を減らせます。

見た目や動きを作る仕組みが複雑になっている

ボタンの動きや装飾、レイアウトを整えるための仕組みが、ページの裏側でたくさん使われている場合があります。専門的には「CSS」や「JavaScript」と呼ばれる部分ですが、名前を覚える必要はありません。

こうした仕組みが多かったり、使っていないものまで読み込んでいたりすると、表示に時間がかかります。不要なものを減らす、読み込む順番を調整する、といった改善が考えられますが、ホームページの動作に直接関わる部分のため、制作会社に任せた方が安全です。

WordPressのプラグインが多い・組み合わせに問題がある

WordPressには、機能を追加するための「プラグイン」という仕組みがあります。数が多いこと自体が、必ず表示速度の低下につながるわけではありません。内容や、他のプラグインとの組み合わせによって、影響の大きさは変わります。

見直すときは、今は使っていないプラグインが残っていないか、同じような機能のプラグインが重複していないかを確認します。ただし、どのプラグインがどこで使われているかは、画面を見ただけでは分からないこともあります。停止や削除は、影響を確認しながら進める必要があります。

プラグインの更新や整理を含めたWordPressの保守については、こちらの記事で紹介しています。

あわせて読みたい

WordPressの保守とは？必要性や作業内容を解説

WordPressの保守とは何か、必要な理由と具体的な作業内容を初心者向けに解説します。放置するリスクもあわせて紹介します。

サイトの規模やアクセス数にサーバー環境が合っていない

ホームページのデータは、サーバーという場所に置かれています。アクセスや扱う情報量が増えているのに、契約したときのままのサーバー環境を使っていると、表示が遅くなることがあります。

サーバーが原因として考えられる場合は、今のサイトに契約しているプランや性能が合っているかを確認します。同じサーバー会社で上位のプランに変更することで改善する場合もあります。サーバー会社そのものを変える場合は、移転作業が必要になるため、事前の準備が欠かせません。

また、サーバーで使われているPHP（WordPressを動かすプログラム）のバージョンが古いことが、表示速度に影響している場合もあります。ただし、PHPのバージョンを変えると、WordPress本体やテーマ、プラグインが対応していない場合に、表示が崩れたり画面が真っ白になったりすることがあります。変更する前に互換性の確認とバックアップが必要な作業なので、表示速度のために気軽に切り替えるのではなく、不安な場合は制作会社や管理会社に相談してから進めてください。

サーバー選びのポイントは、こちらの記事でまとめています。

あわせて読みたい

レンタルサーバーはどう選ぶ？ホームページ初心者が確認したいポイント

レンタルサーバーの選び方を初心者向けに解説。料金だけでなく、WordPress、SSL、バックアップ、表示速度、サポートなど確認したいポイントを紹介します。

キャッシュが効いていない

キャッシュとは、一度表示したページの内容を一時的に保存しておき、次に同じページが呼び出されたときに、その内容を使って早く表示する仕組みです。

キャッシュを正しく設定すると、表示速度が大きく改善することがあります。ただ、キャッシュの設定はサーバー側やプラグインなど複数の場所に関わっていることが多く、どこか一つを直せば必ず改善するとは限りません。設定によっては、更新した内容がすぐに反映されない、フォームが正しく動かないといった問題が起きることもあるため、慎重に扱いたい部分です。

自分でできる改善と、制作会社に任せたい改善

表示速度の改善には、自分でも取り組みやすいものと、専門的な知識が必要なものがあります。

自分でも確認・対応しやすいこと

• PageSpeed Insightsで、遅いページや改善項目を確認する
• 掲載している画像のファイルサイズを確認し、大きすぎるものは圧縮して差し替える
• 使っていない動画や、必要以上に大きな動画を見直す
• 最近追加した画像、動画、埋め込みコンテンツを確認する

これらは、ホームページの動作そのものを変える作業ではないため、比較的取り組みやすい部分です。何から手を付けるか迷う場合は、こちらの記事も参考にしてみてください。

あわせて読みたい

ホームページを改善したいけど何から始める？優先順位の決め方

ホームページを改善したいけれど何から始めればいいか分からない方向けに、課題の見つけ方と優先順位のつけ方を初心者向けに解説します。

制作会社や保守会社に相談した方がいいこと

• CSSやJavaScriptなど、ページの裏側の仕組みの最適化
• WordPress内部の設定の調整
• プラグインの整理や入れ替え
• キャッシュの設定
• サーバーのプラン変更やサーバーの移転、PHPのバージョン変更

これらは、詳しくないまま自分で操作すると、かえって表示が崩れたり、ホームページが正常に動かなくなったりすることがあります。無理に触らず、制作会社や保守を依頼している会社に相談した方が安心です。

自分で作業する場合も、事前にバックアップを取っておくと、万が一のときに元の状態へ戻せます。

あわせて読みたい

ホームページのバックアップって必要？もしもの前に知っておきたいこと

ホームページのバックアップがなぜ必要か、頻度や保存方法の考え方を分かりやすく解説します。

ホームページを作り直さなくても改善できることが多い

表示が遅いからといって、必ずしもホームページを作り直す必要はありません。

原因が画像の重さであれば画像の差し替え、プラグインであれば整理や入れ替え、サーバーであればプランの見直しというように、原因を特定して部分的に手を入れるだけで改善するケースは多くあります。

一方で、ホームページの作り自体が古く、スマートフォンへの対応やセキュリティの面でも課題がある場合は、表示速度の改善とあわせてリニューアルを検討した方が効率的なこともあります。

大切なのは、「遅いから作り直す」と決める前に、どこに原因があるのかを確かめることです。

KENZO724.が大切にしていること

KENZO724.では、表示が遅いと感じる場合も、サーバーだけを疑うのではなく、画像やプラグイン、コードなど全体を見たうえで、優先度の高いところから改善をご提案しています。

点数を上げることを目的にするのではなく、実際にホームページを見る人が快適に使えるかどうかを基準に、費用や手間に見合う改善を一緒に考えます。

よくある質問

まとめ

ホームページの表示が遅い原因は、画像や動画、CSSやJavaScript、プラグイン、サーバー、キャッシュなど、ひとつに絞れないことがほとんどです。

まずは、サイト全体か特定のページか、スマートフォンだけか、最近急に遅くなったのかを切り分け、PageSpeed Insightsで状況を確認します。画像のサイズや最近追加したものは自分でも見直しやすい一方、コードやWordPressの内部、サーバーなどは制作会社に相談しながら進めた方が安全です。

原因が分かれば、ホームページを作り直さなくても、部分的な見直しで改善できることも少なくありません。