ページがなかなか表示されない。画像の読み込みに時間がかかる。こうした状態を放置すると、せっかく訪れた読者が内容を見る前に離脱します。
サイトが重くなる理由は1つではありません。画像のサイズ、読み込むコードの量、サーバーの性能、外部タグの数など、複数の要因が積み重なって発生します。原因を特定しないまま改善策を試しても、効果は限定的です。
本記事では、重いと判断する基準を整理したうえで、表示速度が遅くなる9つの原因を解説します。計測ツールを使った原因の特定方法、改善手段、着手の優先順位まで扱うため、自社サイトのどこから直すべきかが明確になります。
| 確認したいポイント | 結論 | 詳細 |
|---|---|---|
| どこからが「重い」といえる？ | 表示に3秒以上かかる状態 | 読み込みが3秒を超えると離脱が急増します。まずは自社の実測値を確認します。 |
| 合格ラインの数値は？ | LCP2.5秒・INP200ms・CLS0.1 | Googleが示すCore Web Vitalsの基準値で、いずれも下回る状態が良好とされています。 |
| 放置すると何が起きる？ | 離脱と順位低下が同時に進む | 成果が落ちるだけでなく検索評価にも影響し、クロール効率の低下も引き起こします。 |
| 何が原因で重くなる？ | 画像とコードの肥大が大半 | 画像サイズ、JavaScript、外部タグ、プラグイン、サーバー性能などが主な要因です。 |
| 原因はどう調べる？ | PageSpeed Insightsで計測 | スコアと改善提案が一覧で出ます。Search Consoleと開発者ツールで裏取りします。 |
| どう改善すればいい？ | 画像・コード・配信の3方向 | 画像の圧縮と遅延読み込み、コードの軽量化、キャッシュとCDNの導入が中心になります。 |
| 何から手をつけるべき？ | 画像の最適化から始める | 効果が大きく工数が小さい施策を優先します。サーバー移行は最後の選択肢です。 |
| 失敗しやすいのはどこ？ | スコア100点を目標にすること | 点数を追うより、実際の利用者が体感する速度が基準値を満たすことを重視します。 |
| ＼ サイトの表示速度や集客でお困りではありませんか？ ／ ・サイトが重いのは分かるが、原因を特定できない ・改善したいが、どこから手をつければいいか判断できない ・表示速度もSEOも見られる担当者が社内にいない 楽々editでは、年間3,000本以上の制作実績をもとに、サイトの技術面の診断からコンテンツ改善までを支援しています。 ▶ 今すぐ無料相談を申し込む |
サイトが重い状態とは？判断の基準
改善に着手する前に、自社サイトが本当に遅いのかを客観的な数値で確認する必要があります。感覚だけで判断すると、問題のない箇所に工数を割くことになります。判断の基準を3つの視点で整理します。
表示速度の目安は3秒
利用者が待てる時間には限度があります。各種の調査では、読み込みに3秒以上かかると離脱が急増するという傾向が一貫して示されています。スマートフォンでの閲覧が主流になった現在、この傾向はさらに強まっています。
移動中や隙間時間に閲覧する読者は、わずかな待ち時間でも遅いと感じます。表示速度は、内容を読んでもらうための入口にあたる要素です。ここで離脱されれば、記事の質も導線設計も評価される機会がありません。
Core Web Vitalsの3指標と基準値
より正確に判断するには、Googleが定める3つの指標を使います。読み込みの速さを測るLCP、操作への反応を測るINP、表示の安定性を測るCLSの3つで、まとめてCore Web Vitalsと呼ばれます。
基準値は明示されています。Googleの検索セントラルによると、優れた体験を提供するにはLCPを2.5秒以内、INPを200ミリ秒未満、CLSを0.1未満に収めることが目安とされています。この3つを満たしていれば、速度の面では及第点と考えられます。
指標が変わっている点にも注意が必要です。2024年3月にFIDがINPへ置き換わったため、古い記事の説明をそのまま参照すると、測定する対象を誤ります。現在の3指標はLCP、INP、CLSです。
体感と数値がずれる理由
社内で確認すると速いのに、実際の利用者からは遅いと言われることがあります。原因は、閲覧環境の違いとブラウザのキャッシュです。何度も訪れている担当者の端末では、データが保存済みのため速く表示されます。
回線速度や端末の性能差も影響します。オフィスの有線環境と、外出先のモバイル回線では条件がまったく異なります。判断は自分の体感ではなく、実際の利用者から収集された数値で行う必要があります。
サイトが重いまま放置する3つの損失
表示速度の問題は、快適さだけの話ではありません。事業の成果と検索評価の両方に影響します。改善の優先度を判断するために、損失の中身を把握しておきます。
離脱が増えて成果が下がる
最も直接的な損失が、離脱率の上昇です。ページの内容を見る前に読者が去るため、記事の質やCTAの設計にかかわらず成果が発生しません。広告費をかけて集客している場合、その投資がそのまま無駄になります。
離脱率が上がると、滞在時間や閲覧ページ数も連動して低下します。サイト全体の指標が悪化し、どの施策が効いているのかの判断も難しくなります。読者の体験を測る視点はSXO対策とは？SEOとの違いや実施のメリット、具体的な方法を解説！で整理しています。
検索順位に影響する
表示速度は、検索順位を決める要素の1つとして公式に位置づけられています。ただし、速度だけで順位が決まるわけではなく、内容の質が優先されるという前提があります。同等に有用なページが複数ある場合に、体験の良いページが選ばれるという性質の要素です。
競合と同水準のコンテンツを持つ領域では、この差が順位を左右します。内容で差がつきにくいテーマほど、速度の改善が効いてきます。内部対策全体のなかでの位置づけはSEO対策の種類とは？内部対策と外部対策の違いを徹底解説で確認できます。
クロール効率が落ちる
検索エンジンのクローラーも、読み込みに時間がかかるページでは効率が下がります。一定時間内に巡回できるページ数が減るため、新規記事の発見や更新内容の反映が遅れます。ページ数の多いサイトほど影響が大きくなります。
公開した記事がなかなかインデックスされない、リライトが反映されないといった症状は、速度が背景にある場合があります。サイト構造の整理と併せて検討すると効果的です。構造面の基本は内部リンクの貼り方とは？基本や内部リンクがSEOに与えるメリットで解説しています。
| ＼ サイトの表示速度や集客でお困りではありませんか？ ／ ・サイトが重いのは分かるが、原因を特定できない ・改善したいが、どこから手をつければいいか判断できない ・表示速度もSEOも見られる担当者が社内にいない 楽々editでは、年間3,000本以上の制作実績をもとに、サイトの技術面の診断からコンテンツ改善までを支援しています。 ▶ 今すぐ無料相談を申し込む |
サイトが重くなる9つの原因
遅さの正体は、読み込むデータ量と処理の重さに集約されます。どこに負荷が集中しているかは、サイトの構成によって異なります。頻出する9つの原因を、影響の大きい順に整理します。
原因1｜画像のファイルサイズが大きい
表示速度を落とす要因として最も多いのが画像です。撮影したままの高解像度写真をアップロードすると、1枚で数メガバイトに達することもあります。これが複数枚並べば、読み込み時間は大きく伸びます。
表示サイズと実寸のずれも問題になります。画面上では幅600ピクセルで表示しているのに、元データが3000ピクセルのままというケースは珍しくありません。ブラウザ側で縮小して表示しているだけで、通信量は元のサイズ分が発生しています。
原因2｜JavaScriptとCSSが肥大化している
動きのある表現やデザインを実現するファイルが、読み込みを妨げることがあります。ファイル数が多い、1つあたりの容量が大きい、読み込みの順序が最適でないといった状態が該当します。特にページ上部の表示をブロックする読み込み方は、体感速度を大きく下げます。
テーマやテンプレートに最初から含まれているコードのうち、実際には使っていない部分が残っているケースもあります。使用していない機能のためにファイルを読み込み続けている状態です。
原因3｜外部タグやサードパーティスクリプトが多い
計測タグ、広告タグ、チャットツール、SNSの埋め込みなど、外部から読み込む要素は速度に直結します。自社サーバーの応答が速くても、外部サービスの応答が遅ければページ全体の表示が待たされます。自社でコントロールできない要因である点が厄介です。
タグの数は運用のなかで増えていきます。過去のキャンペーンで導入したまま使われていないタグが残っていることも多く、定期的な棚卸しが必要になります。
原因4｜プラグインを入れすぎている
CMSを利用している場合、機能追加のたびにプラグインを導入していくと負荷が蓄積します。1つひとつは軽くても、それぞれが独自のファイルを読み込むため、合計の処理量が膨らみます。機能が重複しているプラグインの併用も、無駄な処理を生みます。
停止しただけで削除していないプラグインも点検の対象です。データベースに設定情報が残り続け、動作に影響する場合があります。
原因5｜サーバーの性能が不足している
アクセスに対してサーバーが応答するまでの時間も、表示速度の一部です。低価格の共用サーバーでは、同じサーバー上の他サイトの負荷が自社の表示速度に影響することがあります。アクセスが集中する時間帯だけ遅くなる場合は、この可能性が高くなります。
サイトの規模が当初の想定を超えている場合も同様です。記事数が増え、アクセスが伸びた段階で、契約時のプランが実態に合わなくなります。環境選定の考え方はオウンドメディアの作り方｜制作に役立つCMS・SEOや費用も解説で確認できます。
原因6｜キャッシュが機能していない
キャッシュは、一度読み込んだデータを保存して再利用する仕組みです。設定されていなければ、同じ読者が再訪するたびにすべてのデータを一から読み込むことになります。本来なら省略できる通信が毎回発生している状態です。
設定が古いまま放置されているケースもあります。サイトを更新したのに古い内容が表示される、逆にキャッシュの有効期限が短すぎて効果が出ていないといった不整合が起きていないかを確認します。
原因7｜動画や埋め込みコンテンツを多用している
動画の直接設置や、他サービスの埋め込みは負荷が大きい要素です。埋め込みは、その先のサービスのファイルをまとめて読み込むため、1つ設置するだけで通信量が跳ね上がります。ページ上部に複数配置すると、体感速度への影響が顕著になります。
動画を自社サーバーに直接置く方法は、特に負荷が高くなります。動画配信サービスを経由し、サムネイル画像を表示してクリック時に読み込む形にすると、初期表示の負担を抑えられます。
原因8｜広告やポップアップが過剰に配置されている
広告の配信は、外部との通信を伴うため読み込みを遅らせます。枠の数が多いほど通信回数が増え、表示が完了するまでの時間が延びます。ポップアップの多用も、処理の増加とレイアウトのずれを招きます。
広告枠の高さが確定していない場合、表示のたびに本文が上下に動きます。読もうとした箇所がずれる現象は、CLSの悪化として数値にも表れます。枠のサイズをあらかじめ指定しておくことで防げます。
原因9｜リダイレクトの多重化とデータベースの肥大
URLの転送設定が何段階も重なっていると、その分だけ待ち時間が発生します。サイトのリニューアルを繰り返した結果、転送が2回3回と連鎖しているケースが実際にあります。設定を整理し、最終的なURLへ1回で到達する形にします。
データベースの肥大も影響します。記事の変更履歴、削除済みコメント、不要な一時データが蓄積すると、ページ生成に時間がかかるようになります。長期運用しているサイトほど、定期的な整理が必要です。
| ＼ サイトの表示速度や集客でお困りではありませんか？ ／ ・サイトが重いのは分かるが、原因を特定できない ・改善したいが、どこから手をつければいいか判断できない ・表示速度もSEOも見られる担当者が社内にいない 楽々editでは、年間3,000本以上の制作実績をもとに、サイトの技術面の診断からコンテンツ改善までを支援しています。 ▶ 今すぐ無料相談を申し込む |
原因を特定する調べ方
9つの原因のうち、自社に該当するものを特定する工程です。推測で手を入れると、効果のない作業に時間を使うことになります。無料で使えるツールを組み合わせて診断します。
PageSpeed Insightsで計測する
最初に使うのがGoogleの提供する計測ツールです。URLを入力するだけで、パソコンとモバイルそれぞれのスコアと、改善が必要な項目が一覧で表示されます。どのファイルが重いか、どの処理に時間がかかっているかまで具体的に示されます。
確認するのはトップページだけでは不十分です。記事ページ、サービスページ、問い合わせページなど、構成の異なるページをそれぞれ計測します。テンプレートごとに原因が違うことは珍しくありません。
Search ConsoleのCore Web Vitalsレポートを見る
サイト全体の状況を把握するには、Search Consoleのレポートが適しています。実際の利用者から収集されたデータをもとに、良好、改善が必要、低速の3段階でURLが分類されます。問題のあるページ群をまとめて把握できる点が利点です。
レポートでは、体験が似ているページがグループにまとめられます。同じテンプレートを使うページは同じ原因を抱えている可能性が高いため、1つ改善すればグループ全体が改善する構造になっています。
ラボデータとフィールドデータを使い分ける
計測結果には2種類のデータが含まれます。ラボデータは決められた条件下でのシミュレーション値、フィールドデータは実際の利用者から集めた記録です。検索順位に関係するのはフィールドデータのほうです。
ラボデータは、改善作業中の確認に向いています。条件が固定されているため、修正前後の比較がしやすいためです。最終的な評価はフィールドデータで行うという使い分けをします。
フィールドデータは一定のアクセス数がないと表示されません。開設したばかりのサイトやアクセスの少ないページでは、ラボデータを頼りに進めることになります。
表示速度を改善する方法
特定した原因に対して、具体的な打ち手を当てていきます。改善策は、データ量を減らす、読み込み方を変える、配信環境を整えるという3方向に分類できます。実務で効果の大きい5つを挙げます。
画像を最適化する
最も費用対効果が高い改善策です。表示サイズに合わせて実寸を縮小し、圧縮をかけ、WebPなど軽量な形式に変換するという3段階で進めます。専門知識がなくても、無料ツールやCMSの機能で対応できます。
画面の外にある画像は、スクロールされるまで読み込みを遅らせる設定を入れます。初期表示に必要なデータ量が減り、体感速度が改善します。運用ルールとして、公開前に画像を圧縮する工程を組み込んでおくと再発を防げます。
画像の扱い方は記事制作の品質にも関わります。作成時に押さえるべき点はSEO記事の書き方とは？19の原則を徹底解説で整理しています。
コードを軽量化して読み込みを制御する
不要な記述を削り、ファイルを圧縮し、読み込む順序を調整します。初期表示に不要なファイルは、後から読み込む設定に変えることで、ページ上部の表示を先に完了させられます。この調整だけで体感速度が大きく変わることもあります。
使っていない機能に紐づくコードは削除の対象です。テーマの標準機能で不要なものを無効化すると、読み込むファイル数が減ります。作業には技術的な判断を伴うため、制作会社と連携して進めるのが安全です。
キャッシュとCDNを導入する
キャッシュを有効にすれば、再訪時の読み込み量を大幅に削減できます。CMSであれば専用の機能やプラグインで設定でき、比較的少ない工数で導入できます。有効期限の設定を適切に行うことが前提になります。
CDNは、各地に分散したサーバーからデータを配信する仕組みです。利用者に近い場所から届けられるため、通信距離による遅延が減ります。アクセスが集中する時間帯の安定性も向上します。
サーバーとCMS環境を見直す
応答時間そのものが遅い場合は、環境の変更を検討します。上位プランへの変更、専用サーバーへの移行、より高速なサーバーへの引っ越しといった選択肢があります。効果は大きい一方で、作業の負荷とリスクも大きくなります。
CMS側の設定も点検します。プログラムのバージョンが古いままだと、性能面で不利になることがあります。更新前には必ずバックアップを取り、動作確認の環境を用意してから作業します。
不要な要素を削る
使っていないタグ、プラグイン、埋め込み、広告枠を洗い出して削除します。追加する改善より、減らす改善のほうが確実に効き、副作用も少ないという特徴があります。半年に一度の棚卸しを運用に組み込むと効果的です。
削除の判断には、その要素が何のために設置されたかの記録が必要です。導入時に目的と担当者を記録しておけば、後から不要かどうかを判断できます。記録がない場合は、一度停止して影響を確認する手順を取ります。
改善の優先順位と進め方
改善策をすべて同時に実行するのは現実的ではありません。効果と工数のバランスを見て順番を決めます。判断の軸を持っておくと、限られた予算でも成果が出ます。
効果が大きく工数の小さいものから着手する
最初に手をつけるのは画像の最適化です。多くのサイトで最も容量を占めている要素であり、技術的な難度も低いため、着手のハードルが最小になります。次に不要なタグやプラグインの削除、キャッシュの設定と進めます。
サーバーの移行は最後の選択肢です。効果は大きいものの、移行作業には停止リスクが伴い、費用も発生します。他の手段を試したうえで、応答時間が改善しないと判明してから検討します。
改善するページの順番も決めます。流入の多いページ、成果に直結するページから着手すれば、投じた工数が事業に反映されやすくなります。施策全体の優先度の考え方はSEO対策とは？やり方や方法・無料の検索上位表示ツールも解説が参考になります。
改善後の効果を確認する
作業のたびに計測し、変化を記録します。複数の施策をまとめて実施すると、どれが効いたのか分からなくなるため、可能な範囲で1つずつ進めます。作業前の数値を控えておくことが前提になります。
フィールドデータへの反映には時間がかかります。実際の利用者のデータが一定期間分蓄積されて初めて数値が動くため、変更直後に変化がなくても慌てる必要はありません。数週間単位で経過を見ます。
表示速度の改善でよくある失敗
改善の方向性を誤ると、労力に見合う成果が得られません。現場で繰り返し起きている3つのパターンを取り上げます。
スコア100点を目標にする
計測ツールの点数を満点に近づけようとする取り組みは、途中から費用対効果が急落します。追うべきは点数ではなく、実際の利用者が体感する速度が基準値を満たしているかどうかです。3つの指標が良好の範囲に入っていれば、その時点で目的は達成されています。
点数を上げるためにデザインや機能を削る判断も、本末転倒になりがちです。速度は読者の体験を良くする手段であり、体験そのものを損なってまで追う数値ではありません。
ラボデータだけで判断する
シミュレーション値だけを見て改善の成否を決めるケースです。検索評価に使われるのは実際の利用者から集めたデータであり、ラボデータが良好でも実態が伴っていないことがあります。両方を確認する習慣が必要になります。
特定の環境でだけ遅いという事態も見落とされがちです。パソコンでは問題なくてもモバイルで遅い、特定のブラウザで表示が崩れるといった状況は、実データを見なければ気づけません。
高速化プラグインの導入だけで済ませる
プラグインを入れれば解決するという発想は、根本原因を残したままにします。画像が重いことやサーバーの応答が遅いことが原因であれば、プラグインを追加しても効果は限定的です。むしろ処理が増え、逆効果になる場合もあります。
複数の高速化プラグインを併用すると、機能が競合して不具合が起きることもあります。導入は1つに絞り、設定内容を理解したうえで使います。原因の特定を先に済ませる順序を守ることが、遠回りを避ける方法です。
| ＼ サイトの表示速度や集客でお困りではありませんか？ ／ ・サイトが重いのは分かるが、原因を特定できない ・改善したいが、どこから手をつければいいか判断できない ・表示速度もSEOも見られる担当者が社内にいない 楽々editでは、年間3,000本以上の制作実績をもとに、サイトの技術面の診断からコンテンツ改善までを支援しています。 ▶ 今すぐ無料相談を申し込む |
まとめ｜サイトが重い原因は計測してから特定する
サイトが重い状態を放置すると、離脱率の上昇、検索評価への影響、クロール効率の低下という3つの損失が同時に進みます。判断はLCP2.5秒、INP200ミリ秒、CLS0.1という基準値を目安に行います。
原因は、画像のサイズ、コードの肥大、外部タグ、プラグイン、サーバー性能、キャッシュ、動画の埋め込み、広告、リダイレクトとデータベースの9つに整理できます。どれが該当するかは、計測ツールで特定してから判断します。
改善は、効果が大きく工数の小さい画像の最適化から始め、不要な要素の削除、キャッシュの設定と進めます。サーバー移行は最後の選択肢です。点数を追うのではなく、実際の利用者の体験が基準を満たす状態を目指せば、読者にも検索エンジンにも評価される土台が整います。
| ＼ サイトの表示速度や集客でお困りではありませんか？ ／ ・サイトが重いのは分かるが、原因を特定できない ・改善したいが、どこから手をつければいいか判断できない ・表示速度もSEOも見られる担当者が社内にいない 楽々editでは、年間3,000本以上の制作実績をもとに、サイトの技術面の診断からコンテンツ改善までを支援しています。 ▶ 今すぐ無料相談を申し込む |