表示が遅いサイトは、読まれる前に閉じられる｜速度改善で離脱を止める実践ガイド

スマホで自社サイトを開いて、画面が真っ白なまま3秒待った経験はありませんか。「あれ、固まった？」「もう一回タップしてみるか」「いや、別のサイト見よう」。検索からせっかく来てくれた人が、本文を1行も読まずに戻るボタンを押す。これが表示速度の問題です。

正直なところ、コンテンツの中身を磨く前に、ここで取りこぼしている会社は多い。記事は良いのに数字が伸びない、その原因が画像の重さや読み込み待ちだった、というケースを何度も見てきました。

この記事では、表示速度がなぜ集客と検索評価に効くのか、どこから直すと効果が大きいのか、そして「全部やる必要はない」という優先順位を整理します。専門用語は最小限で、判断できる状態にして帰ってもらうのが目的です。

この記事で持ち帰ってほしい全体像

表示速度はSEO評価の一要素であり、それ以上に「離脱」という形で直接売上に効く
改善は画像・サーバー・不要なコードの3点から手をつけると費用対効果が高い
まず測る、次に重い犯人を特定する、それから直す。順番を飛ばすと無駄が増える

先に押さえる3つの要点

速度は順位より先に離脱に効く。 表示が遅いと、Googleに評価される以前に人が消えます。
最大の犯人は画像であることが多い。 容量の大きい写真を1枚直すだけで体感が変わる現場は珍しくありません。
計測なしの改善は当て推量。 数字で重い箇所を見てから動く。これが遠回りに見えて一番速い。

一言で言うと

最も重要なのは「速くすること」より「遅くしている原因を特定すること」です。原因さえ分かれば、直すべき場所は驚くほど絞り込めます。

なぜ表示速度が集客の土台になるのか

Googleが速度を評価に入れている理由

GoogleはCore Web Vitals（コアウェブバイタル）という指標で、ページの読み込み速度や表示の安定性を評価しています。中心になるのが、メインコンテンツが表示されるまでの時間（LCP）、操作への反応の速さ、レイアウトのガタつき（CLS）の3つ。

ただ誤解しないでほしいのは、速度は数百ある評価要素のうちのひとつだということ。「速くしただけで1位になる」わけではありません。実は、内容が薄いまま速度だけ上げても順位は動きにくい。速度は、良いコンテンツを正しく評価してもらうための土台、と捉えるのが現実的です。

検索評価より先に効くのは「離脱」

ここが一番伝えたいところ。順位の話より前に、表示の遅さは目の前の見込み客を逃します。

Googleの調査では、ページ表示が1秒から3秒に遅れると直帰率が大きく上がるという傾向が知られています。つまり、検索順位がどうこう以前に、来た人が読まずに帰る。広告費をかけて集めた流入であればなおさら痛い。

よくあるのが、「アクセスはあるのに問い合わせが少ない」という相談です。中を見ると、トップページの読み込みに5秒以上かかっていた、なんてことがある。流入を増やす前に、入口の蛇口を直す。順番としてはそちらが先です。

AI検索時代でも土台は変わらない

AI OverviewやAI検索が広がっても、引用元として参照されるのは「きちんと表示され、クローラーが内容を読めるページ」です。重すぎてレンダリングに時間がかかるページは、人にもAIにも内容が届きにくい。速度対策は、AI時代の情報設計の前提条件でもあります。

どこから直すか｜効果の大きい順に並べる

1. 画像｜最初に疑うべき犯人

体感として、速度問題の半分以上は画像が原因です。スマホで撮った数MBの写真をそのまま載せている、という現場は本当に多い。

直し方はシンプルです。

表示する大きさに合わせてリサイズしてからアップする
WebPやAVIFといった軽い形式に変換する
画面外の画像は遅延読み込み（lazy load）で後回しにする

ある飲食店のサイトで、トップの料理写真8枚をWebPに変換してリサイズしただけで、表示時間が体感で半分近くになったことがありました。コストはほぼゼロ。まずここからです。

2. サーバーとキャッシュ｜土台の速さ

安すぎる共用サーバーで、アクセスが集まると一気に遅くなるケース。これは画像をいくら直しても限界があります。

表示処理を軽くするキャッシュの仕組みを入れる
レスポンスが遅いなら上位プランや別サーバーへの移行を検討する
WordPressならキャッシュ系プラグインを1つ入れるだけでも変わる

ケースによりますが、月数百円のサーバーで集客に本気、というのは噛み合っていません。土台が弱いと上に何を積んでも揺れます。

3. 不要なコード｜見えない重り

プラグインの入れすぎ、使っていないデザインテーマの装飾、読み込みの遅い外部ツール。これらは見た目に出ないぶん、気づかれにくい重りです。

使っていないプラグインは停止ではなく削除する
不要なJavaScript・CSSを減らす、または読み込み順を後ろにする
外部の埋め込み（地図・SNS・チャット）は本当に必要なものだけに絞る

ただし、ここは触りすぎると表示崩れを起こします。コードに自信がなければ、画像とサーバーまでで一旦止めて、専門家に相談する判断が賢明です。

比較：自分で直すか、外注するか

公平に言うと、画像の最適化とキャッシュプラグインの導入までは、多くの人が自分でできます。費用をかけずに体感が変わる範囲。

一方、コードの整理やサーバー移行、レイアウトのガタつき（CLS）の根本対応は、知識がないと壊すリスクが高い。ここは外注のメリットが大きい領域です。「全部自分で」も「全部丸投げ」も非効率。画像は自分で、構造は専門家に、という切り分けが現実的だと考えています。

よくある失敗と、その回避策

計測せずにいきなり直し始める

一番もったいないのがこれ。重くもない箇所を時間をかけて改善して、体感はほぼ変わらず。まずはPageSpeed Insightsで現状を測り、何が足を引っ張っているかを見てから動く。これだけで無駄打ちが激減します。

スコアの数字に振り回される

PageSpeed Insightsのスコアを100点に近づけようと躍起になる人がいます。でも90点を95点にする労力より、実際にユーザーが感じる表示時間を縮めるほうが価値が高い。スコアは指標であって目的ではない、という割り切りが必要です。

スマホを後回しにする

検索流入の多くはスマホです。にもかかわらずPCでしか確認していない、という見落とし。スマホの回線・端末は非力なので、PCで速くてもスマホで遅いことは普通にあります。測るときは必ずモバイルから。

改善後に計測しない

直したつもりで満足し、効果を確認しない。これだと次の打ち手が決められません。改善前後の数字を残し、GA4で直帰率や滞在時間の変化も合わせて見る。地味ですが、ここまでやって初めて改善が完結します。

改善を進める実際の手順

ステップで整理する

PageSpeed Insightsとモバイルでの実機確認で現状を測る
重い原因を特定する（多くは画像、次にサーバー、コード）
効果の大きい順に直す（画像 → キャッシュ → コード整理）
再計測し、GA4で離脱・滞在の変化を確認する
1〜2か月後にもう一度測り、劣化していないか点検する

どこまでやれば「十分」か

完璧を目指す必要はありません。目安として、スマホでメインコンテンツが2.5秒以内に表示され、操作中にレイアウトがガタつかない状態。ここに届けば、離脱の主要因はかなり潰せています。あとはコンテンツの質に時間を回したほうが、トータルの成果は大きくなります。

速度改善で多い質問

Q1. 表示速度を上げれば検索順位は必ず上がりますか？

A1. 必ずではありません。速度は評価要素の一部です。ただし離脱を減らす効果は直接的で、結果的に評価が安定しやすくなります。

Q2. まず何から手をつければいいですか？

A2. 画像の最適化です。リサイズと軽い形式への変換だけで、多くのサイトは体感が変わります。費用もほぼかかりません。

Q3. 自分のサイトの速度はどうやって測りますか？

A3. GoogleのPageSpeed InsightsにサイトのURLを入れるだけです。モバイル側の結果を必ず確認してください。

Q4. スコアは何点を目指せばいいですか？

A4. 点数より体感速度が重要です。目安はスマホで主要部分が2.5秒以内の表示。スコアの満点化に労力を割きすぎないことです。

Q5. プラグインを入れれば速くなりますか？

A5. キャッシュ系プラグインは効果が出やすいです。ただし入れすぎると逆に重くなるため、用途が重複するものは整理してください。

Q6. 画像はどの形式が良いですか？

A6. WebPやAVIFが軽くて画質も保ちやすいです。表示サイズに合わせたリサイズと併用すると効果が大きくなります。

Q7. サーバーは変えたほうがいいですか？

A7. 改善しても遅い、アクセス集中で落ちる場合は検討の価値があります。集客に本気なら最安プランは見直し対象です。

Q8. 改善の効果が出るまでどれくらいかかりますか？

A8. 離脱率への効果は改善直後から見えます。検索評価への反映は数週間から数か月かかると考えてください。

最後に確認しておきたいこと

表示速度は、コンテンツを読んでもらうための入口です。中身がどれだけ良くても、開く前に閉じられたら届きません。

要点はシンプル。まず測る、画像から直す、再計測する。この3つを回すだけで、離脱の主要因はかなり減らせます。スコアの満点化や完璧主義は不要です。

もし「アクセスはあるのに問い合わせが伸びない」と感じているなら、まずPageSpeed Insightsでスマホの表示速度を確認してみてください。そこに、改善のヒントが眠っているかもしれません。

参考：Googleが提唱するCore Web Vitalsおよびページエクスペリエンスの考え方、Googleが提供する計測ツールPageSpeed Insightsの評価指標を基に整理しています。