ページ表示速度と売上・離脱率の関係を正直に解説

結論ボックス｜先に答えます
ページの表示速度は、売上（コンバージョン率）と離脱率にそのまま影響します。海外の調査では「1秒→3秒」で離脱が大きく増え、「0.1秒の改善」でも成約が伸びる例が確認されています（Google/Deloitte ほか）。まずはモバイルの体感速度を2.5秒付近に近づけることが近道です。やり方は本文で具体的に。

• なぜ「たった1秒」が売上・離脱に効くのかが分かる
• 何秒を目標にすべきか（Core Web Vitalsの基準付き）
• 今日からできるスピード改善の手順と優先順位

ページの表示速度はどれだけ売上に効く？根拠だけで説明

海外の調査・事例を要点だけ。数字は出典名と年を添えて紹介します。

• モバイルで0.1秒速くなるごとに、小売でコンバージョン率が平均8.4%増、旅行で10.1%増（Google & Deloitte, 2020）。「0.1秒」でも改善の手応えが出ることが示されています。
• 表示が遅くなるほど成約が落ち、0〜5秒の範囲では1秒ごとに平均4.42%のコンバージョン率低下（複数調査の集計知見）。
• Walmartは読み込み1秒の改善でコンバージョン率2%増、Amazonは100ms遅延で売上1%減の試算（公開事例の要約）。超大手の数字ですが「速さがお金に直結」する方向性は中小でも同じです。
• 実務の指標「LCP（最大コンテンツの表示）」を31%改善したところ、売上8%・リード15%増（Vodafone, 2024）。
• 日本企業の公開事例として、Core Web Vitals改善で訪問者あたり収益53%増・CVR33%増（Rakuten24, web.dev掲載, 2022）。

ポイントは「微差でも効く」「大きく直すとさらに効く」。売上の絶対額は業種で変わりますが、「速くするとコンバージョン率が上がりやすい」方向は各研究で一貫しています。

離脱率（バウンス）は何秒から増える？

モバイルの忍耐は短め。Googleの調査（2017）では、3秒以上かかると53%が離脱。さらに、

• 1→3秒で離脱率32%増（Google, 2017）
• 1→5秒で離脱率90%増（同）
• 1→10秒で離脱率123%増（同）
• 2秒の遅延で離脱率が約2倍（103%）増という知見もあります

ユーザー期待も厳しめで、2秒以内を望む声が多く、3秒超で離脱が増える傾向が報告されています。動画の「短尺・即レス文化」に慣れた今、体感の遅さはすぐ離脱につながります。

目標ラインはどこ？Core Web Vitalsで判断

Googleのユーザー体験指標（Core Web Vitals）が実務のものさしです。2026年時点の要点：

• LCP（最大コンテンツの表示）: 2.5秒未満が良好
• INP（操作→反応の速さ）: 200ms未満が良好（2024年にFIDから置き換え）

また、Googleは2026年3月のコアアップデートでCore Web Vitalsのランキング寄与を強めています。検索流入を重視するなら、品質と速度はセットで見るのが安心です。

まずどこを直す？小さな会社・お店向けの優先順位

専門用語は最小限に。今日からできる順に並べます。

1. 画像を軽くする（効果が大きい）

• サイズを必要最小限に（例：横幅1200px以内）。
• 形式はWebPやAVIFに切替。難しければJPEGの画質を70前後に下げる。
• ヒーロー画像（1枚目の大きな写真）だけでも圧縮するとLCP改善に直結。

2. 不要なアプリ・スクリプトを外す

• 使っていない計測タグ、チャット、ポップアップ、地図埋め込みを整理。
• 地図は「リンクにする」「静止画像にしてクリックで地図を開く」と軽くできます。

3. フォントと動画の扱いを見直す

• Webフォントは本数を絞る。見出しだけに限定すると速くなります。
• トップで自動再生する動画は縮小かサムネイルに。再生はユーザー操作後に。

4. 画像の遅延読み込み（Lazy load）をオン

• 画面外の画像は後で読み込む設定に。多くのCMSやテーマに標準機能があります。

5. モバイルでの体感チェック

• Wi‑Fiだけでなく4G/5Gで、自分のスマホから開く。ファーストビューが2〜3秒で見えるかを体で確認。

技術が難しそうなら、まずはヒーロー画像1枚の圧縮と、不要プラグインの停止だけでもOK。小さな変化でも、前述のとおり「0.1秒」の積み上げが効きます（Google & Deloitte, 2020）。

測定のやり方（無料ツール）

• PageSpeed Insights（Google）: URLを入れるとLCP/INPなどのスコアと具体的な改善提案が出ます。モバイル→デスクトップの順で確認。
• Chromeの「Lighthouse」: 開発者ツールのAudits/ Lighthouseで計測。変更前後の差をスクショで残すと効果検証が楽。

数値の見方が不安な方は、先に実践編の記事「ホームページが遅いときの原因と直し方」をどうぞ。

よくある勘違いを正す

• 「画像は大きいほどキレイ」→用途に合うサイズで十分。ヒーロー以外は小さくてOK。
• 「計測タグは全部入れておけば安心」→使わないタグは遅くなるだけ。最小限に。
• 「PCで速ければ大丈夫」→実測ではモバイルの読み込みがデスクトップより約7割遅いという傾向が報告されています。スマホ基準で確認を。

ビジネス側の目標設定

• 目安: ファーストビューが2〜3秒で見える（LCP 2.5秒未満を目標）。
• 効果検証: 改修前後で「問い合わせ・購入率」「直帰（離脱）率」を同期間で比べる。
• 優先ページ: トップ、商品・メニュー、問い合わせ・予約。まずは上位3ページから。

早く公開したい方は、テンプレートで土台を整えてから微調整するのも手です。専門知識なしで始めるなら「だれでもホームページ」を検討してみてください。プロ設計のテンプレで作れて、公開までの相談も無料でできます。

今日からやるチェックリスト

• ヒーロー画像をWebP化し、横1200px以内にした
• 使っていない計測タグ/プラグインを停止した
• トップの動画はサムネ＋クリック再生にした
• 画像の遅延読み込みが有効になっている
• スマホ回線で2〜3秒以内に主要要素が見える
• PageSpeed InsightsでLCP/INPを計測し、改善前後を比較した

もう一歩詳しくは、関連ガイド「スマホ優先で順位が決まる時代、お店が今やること」も参考にどうぞ。

自分で直す時間がない方は、「だれでもホームページ」でテンプレ設計から相談できます。費用の目安や制作期間の目安も案内できますので、まずは気軽に相談で状況を整理しましょう。