サイト表示速度が速くても売上が増えない理由とCVR優先順位で判断する改善優先度の基準とは
福岡ECサイト株式会社
代表 鳥井 敏史
福岡ECサイト株式会社 代表 鳥井 敏史
ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。
専門分野
ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計ECサイト改善の主な実績
この記事の監修
福岡ECサイト株式会社 代表 鳥井 敏史
サイト表示速度は良好なのに、ユーザーが離脱し続ける理由
表示速度測定ツールの改善と実ユーザーの離脱は、全く別の構造です。この認識がないまま改善を進めると、いくら技術的に最適化しても売上は変わりません。
Google PageSpeed Insightsで90点を超えているのに、直帰率は変わらない。Lighthouseの測定値も合格ラインなのに、コンバージョン率が上がらない。
こういう悔しい経験をしていませんか。
サイト表示速度測定ツールの数値改善と、実際のユーザー離脱率の改善は別の構造です。速度が速いことと、ユーザーが購入に至ることは、別の問題として扱う必要があります。
表示速度測定ツールの改善は、あくまで「技術的な改善」に過ぎません。一方、実ユーザーの離脱率は「心理的な判断」が原因です。つまり、表示速度測定ツールの数値が良好でも離脱率が改善されない理由とは、技術改善と心理改善を分けずに進めているからです。
測定ツール数値の改善と実ユーザー体験の改善が別の構造である理由
測定ツールは機械的な条件、実ユーザーは心理的な判断で行動します。
表示速度測定ツール（PageSpeed Insights、Lighthouse、GTmetrixなど）は、特定の条件下での機械的な測定値を出しています。
しかし実際のユーザーが見ている画面は、ネットワーク環境・デバイス・時間帯によって全く異なります。
福岡ECサイト株式会社が支援した事例では、ある食品EC企業のサイトがPageSpeed Insightsで88点を記録していました。しかし実際のGA4データを見ると、モバイルユーザーの直帰率は62%、ページ滞在時間は平均8秒でした。測定ツール上の速度と実ユーザーの体験は一致していなかったのです。
この乖離が生まれる理由は、測定ツールが「理想的な環境」で測定しているためです。ここ、意外と見落とされがちですが重要です。通信速度は一定、ブラウザキャッシュは無い、デバイスは指定されたスペック。対して実ユーザーは、4G回線で混雑した時間帯に、古いスマートフォンでアクセスしているかもしれません。
つまり、測定ツール数値と実体験の乖離は、測定方式の違いから必然的に生まれる現象です。測定ツール上で最適化することだけでは、ユーザーの離脱には対応できません。
測定ツール数値の改善に偏ると何が起きるか
表示速度測定ツールの数値を優先して改善すると、実ユーザーが実際に感じる「使いにくさ」が残されたままになります。
例えば、画像最適化やキャッシュ戦略で測定ツール上の数値は改善されます。
しかし、サイトの導線が複雑なままだと、ユーザーは商品を探すのに時間がかかります。
結果、速度は速くなったけど、購入までのクリック数が増えて、離脱が続くという現象が起きます。
Shopify上で運用する企業では、PageSpeed Insightsの改善に時間をかけた結果、アプリが増えて逆に重くなった事例もあります。測定ツール数値のゲーム化に陥ると、本来改善すべき構造が見落とされます。
実ユーザー体験の改善に必要な視点
実ユーザーが離脱する理由を知るには、測定ツールではなくGA4のユーザー行動データが必須です。特に以下の指標を並行して確認することが重要です。
- 直帰率：ページ1枚だけで去ったユーザー比率
- ページ滞在時間：実際にページにどれだけ居たか
- スクロール深さ：ページのどの部分まで見たか
- インタラクション：クリック・フォーム入力などの操作有無
これらのデータを見ると、速度よりも「何を探しているのか見つからない」「どこをタップすればいいのか分からない」という心理的な問題が見える場合が多いのです。
CVR優先順位理論で判断する表示速度改善の位置づけ
ECサイトやWebサイトの改善には順番があります。それが「CVR優先順位理論」です。表示速度改善は、この優先順位の中ではどこに位置するのでしょうか。
CVR優先順位理論とは、サイト改善は「導線→商品→信頼→集客」の順番で行うべきという考え方です。表示速度改善は、実はこの優先順位の「外側」にあります。つまり、基本構造が整ってから初めて検討する改善なのです。
改善の正しい順番と表示速度改善の位置
改善プロセスを優先順位順に並べると以下のようになります。
- 導線改善：ナビゲーション・カテゴリ設計・購入導線が正しいか
- 商品改善：商品画像・説明・ベネフィット訴求が適切か
- 信頼改善：レビュー・実績・企業情報が整備されているか
- 集客改善：SEO・AI検索対策・広告が機能しているか
- 技術改善：表示速度・サーバー最適化・キャッシュ戦略
表示速度改善は実は5番目の優先順位です。これは現場では逆転しがちなので注意が必要です。
表示速度改善は、実は5番目の優先順位です。つまり、サイト自体に魅力がなければ、速度を改善しても離脱は減りません。逆に、導線・商品・信頼が整備されていれば、多少表示が遅くても購入に至ります。
MakeShopなどのECプラットフォームを使う企業では、プラットフォーム側の制約で表示速度が遅いことを悩むことがあります。しかし実データを見ると、速度よりも商品説明や導線の方が離脱の原因になっていることがほとんどです。
表示速度がCVに影響する条件
では、表示速度改善が優先される場合はいつでしょうか。それは、以下の3つの条件が全て揃った場合です。
- 導線は整っている（ユーザーが商品を見つけられる状態）
- 商品情報は充実している（商品ページで判断材料が揃っている）
- それでも3秒以上かかる（技術的な遅延が明白）
この3条件が揃った場合、ユーザーは「このサイトは何か遅い」と感じ始めます。その時初めて、表示速度改善が優先度を上げます。
判断基準は明確です。あなたのサイトが、導線改善と商品改善を終えた上で、なお直帰率が70%以上、またはページ内での操作（クリック・フォーム入力）が全体の30%以下の場合、初めて表示速度改善を検討してください。
測定ツール数値と実データの乖離を生む4つの原因
表示速度測定ツール（PageSpeed Insights、Lighthouse）と実ユーザーの体験が乖離する理由は、測定方式の違いだけではありません。サイト設計やコンテンツの構造からも乖離が生まれます。
1. 測定ツールはコンテンツの内容を評価しない
測定ツールは、ページが「何を表示しているか」は評価しません。サーバーからどれだけ早くHTMLが返ってくるか、画像のサイズはどうか、JavaScriptの実行時間はどうか、という技術的な指標だけを見ます。
対してユーザーは、「このサイトに欲しい商品があるか」「どうやって買うのか」「この企業は信頼できるか」という心理的な判断をしています。ページが0.5秒遅いことより、商品説明が不明確なことの方がストレスになります。
2. 測定ツール上では「完全な状態」しか測定しない
PageSpeed Insightsで測定するときは、ページ全体がロードされた後の状態を評価します。しかし実ユーザーは、ページが読み込み途中の状態で判断しています。特にモバイルユーザーが4G回線でアクセスする場合、ヘッダー画像まで読み込まれるのに3秒かかり、その時点で「このサイトは遅い」と判断して離脱することもあります。
つまり、測定ツールが評価する「完全な読み込み完了後」という状態は、実ユーザーの体験には対応していません。
3. 測定ツールはキャッシュやCDNの効果を過大評価する
Lighthouseなどは、ブラウザキャッシュを考慮した測定値を出します。しかし初めてサイトにアクセスするユーザーには、キャッシュは存在しません。つまり、測定ツール上で「キャッシュにより0.8秒の高速化」となっていても、新規ユーザーには関係のない改善です。
特にShopifyのテーマカスタマイズで、キャッシュ戦略に依存した高速化を行った場合、新規ユーザーの体験は改善されていないのに、測定ツール数値だけ良好という状況が生まれます。
4. 測定ツールはコンテンツの「読みやすさ」を評価しない
Google PageSpeed Insightsは、テキストサイズや色のコントラスト比を最低限評価します。しかし実ユーザーが感じる「読みにくさ」には対応していません。
例えば、商品ページで本文が左右80%幅で設定されていると、スマートフォンでは1行が30文字以上になり、読みづらい状態になります。しかし測定ツール上では何も指摘されません。この場合、ユーザーの離脱は表示速度ではなく「読みづらさ」が原因です。実際の現場では、このパターンで悩んでいる企業が多いのが現実です。
実ユーザーの離脱を減らすために確認すべき5つの指標
表示速度測定ツール数値ではなく、実ユーザーの行動を基に改善判断を下すには、GA4の以下の指標を確認することが必須です。
直帰率で判断する離脱の深さ
直帰率が70%以上の場合、ユーザーはページ内容を一切確認せず離脱しています。この場合、表示速度より導線・タイトル・見出しの方が改善優先度が高いです。
直帰率が50〜70%の場合は、ユーザーがページを少しは見ているので、表示速度と商品情報の両方を改善検討対象にしてください。
直帰率が50%未満の場合は、ユーザーはサイト内を探索しているので、表示速度改善よりも導線改善（次ページへのリンク設計）が優先です。
ページ滞在時間で判断するエンゲージメント
ページ滞在時間が平均5秒以下の場合、ユーザーはコンテンツをほぼ読んでいません。表示速度が1秒改善されても、滞在時間は変わりません。この場合は、コンテンツ自体の魅力や見出しの工夫が優先です。
ページ滞在時間が10秒以上ある場合、ユーザーはコンテンツに興味を持っているので、表示速度改善よりも次のアクションボタン（購入・問い合わせ）の配置改善が優先です。
スクロール深さで判断する情報の見つけやすさ
スクロール深さが25%未満（ページ上部1/4までしか見ていない）の場合、ユーザーは必要な情報を見つけられていません。これは表示速度ではなく、情報設計が原因です。
特にECサイトで商品ページのスクロール深さが25%未満の場合、商品説明やレビューがページ下部に追いやられていないか、またはユーザーが探している情報がそもそもないか、どちらかが原因です。
クリック率で判断するユーザーの操作意欲
ページ内でのクリック率（何か操作をしたユーザーの比率）が20%未満の場合、ユーザーはそのページで何をすればいいか分かっていません。ボタンの設計・配置・色が改善対象になります。
逆にクリック率が50%以上ある場合、ユーザーはページに興味を持っているので、表示速度改善よりも次ページの導線設計が優先です。
デバイス別の直帰率で判断する環境依存の問題
モバイルの直帰率がデスクトップの1.5倍以上高い場合、モバイル向けの最適化が不足しています。この場合、表示速度改善よりも以下の項目を先に改善してください。
- タップ領域の大きさ（ボタンやリンクが小さすぎないか）
- フォントサイズ（16px未満だと自動ズームが入りやすい）
- 入力フォームの配置（1カラムになっているか）
- 画像の横幅（100%幅で適応しているか）
Shopify管理画面でモバイル表示を確認する際、PageSpeed Insightsではなく、実際にスマートフォンでサイトにアクセスして、タップのしやすさを体感することが重要です。
表示速度測定ツールと実ユーザー体験を両立させるアプローチ
表示速度測定ツール数値と実ユーザーの体験の両方を改善するには、両者を「別の改善プロセス」として扱う必要があります。
| 項目 | 測定ツール改善 | 実ユーザー改善 |
|---|---|---|
| 測定方法 | PageSpeed Insights・Lighthouse・GTmetrix | GA4・ヒートマップ・セッション録画 |
| 改善対象 | ファイルサイズ・キャッシュ・圧縮・CSS/JS最適化 | 導線・商品情報・ビジュアル・ボタン配置 |
| 効果測定 | First Contentful Paint・Largest Contentful Paint | 直帰率・滞在時間・CVR・クリック率 |
| 優先度判定 | 5秒以上かかるなら改善必須 | 直帰率70%超・CTR20%未満なら改善必須 |
| 改善者 | エンジニア・フロント開発 | UXデザイナー・企画・マーケター |
表示速度測定ツール改善は「技術チーム」が、実ユーザー改善は「企画・マーケティングチーム」が、別々に進めることが重要です。両者が混ざると、測定ツール数値のゲーム化に陥ります。
よくある失敗パターン1：測定ツール数値のゲーム化
ある健康食品のEC企業では、PageSpeed Insightsで95点を目指して、大規模な技術改善を行いました。画像の最適化、JavaScriptの遅延読み込み、CSSの圧縮、サーバーのアップグレード。数ヶ月かけて達成した95点。
しかし実際の数値を見ると、サイトのコンバージョン率は3.2%から3.0%へ低下していました。原因を調査すると、測定ツール対応のため、ユーザーへの配慮（読みやすいフォント・見出しの強調・商品の魅力的な配置）が後回しにされていたのです。
よくある失敗パターン2：実ユーザー改善だけで技術負債が溜まる
別の企業では、GA4でユーザー行動を分析し、導線改善と商品情報の充実に力を入れました。その結果、直帰率は72%から58%に改善し、滞在時間も7秒から18秒に伸びました。CVRも改善傾向です。
しかし1年後、モバイルユーザーのページ読み込み時間が徐々に増加し始めました。技術改善を後回しにしたため、画像が大きなままになり、CSSやJavaScriptが積み重なり、技術負債が溜まっていたのです。最終的には、サイトリニューアルを強いられ、数百万円の追加投資が必要になってしまいました。
判断基準まとめ：あなたのサイトは表示速度改善が必要か
あなたのサイトが表示速度改善を優先すべきか、それとも導線・商品改善を優先すべきか、以下の判断基準で決めてください。
表示速度改善を優先すべき企業：
- ページ読み込み時間が5秒以上（GA4で確認）
- 導線改善と商品改善は既に完了している
- 直帰率は50%未満（ユーザーはサイトを探索している）
- スクロール深さが50%以上（ユーザーはコンテンツを読んでいる）
- モバイルとデスクトップの直帰率差が1.2倍未満
導線改善を優先すべき企業：
- 直帰率が70%以上
- ページ滞在時間が5秒未満
- スクロール深さが25%未満
- ページ内クリック率が20%未満
商品改善を優先すべき企業：
- 直帰率は50%程度だが、CVRが1%未満
- ページ滞在時間は長いがクリック率が20%未満
- スクロール深さは50%以上だが購入ボタンのクリック率が5%未満
サイトリニューアル時に表示速度とUXの両立設計を行う
表示速度測定ツール数値と実ユーザー体験を両立させる最適な時期は、サイトリニューアルです。
既存サイトの改善では、制約やレガシー技術の影響で、表示速度とUXの両立が難しくなります。しかしリニューアル時であれば、設計段階から「表示速度を意識した導線設計」「ユーザー心理を優先した技術選択」を同時に進められます。
例えば、Shopifyへの移行を検討している場合、テーマ選択やアプリの構成を工夫することで、測定ツール数値とUXの両方を高水準で実現できます。
福岡ECサイト株式会社が支援したアパレルEC企業では、MakeShopからShopifyへのリニューアルにあたり、以下の戦略を同時に実行しました。
- Lighthouseで75点以上を目指す最小限のアプリ構成
- ユーザー調査に基づく導線の完全設計（カテゴリ階層を3段階に削減）
- 商品ページのスクロール深さ50%以上を実現するコンテンツ配置
- モバイルCVRを30%向上させるフォーム最適化
結果、PageSpeed Insightsで82点を維持しながら、モバイルCVRが2.1%から2.8%に改善し、直帰率も68%から52%に低下しました。リニューアルだからこそ、両立が可能になったのです。
AI検索対策においても表示速度とコンテンツ設計の両立が必須
AI検索（GenAI検索エンジン）が普及する今、表示速度改善の重要性は更に高まっています。
AIチャットボット（ChatGPT、Gemini、Claude）がサイトを引用する際、ページの読み込み速度が遅いと、AIクローラーがコンテンツを正確に取得できません。結果、引用率が低下する可能性があります。
同時に、AIは「ユーザー心理に沿った構造化されたコンテンツ」を引用しやすいため、導線設計や情報の見つけやすさも重要です。
つまり、AI検索時代には、表示速度改善と導線設計改善の両方が、かつて以上に重要になります。
現場での実装フロー：測定ツール改善と実ユーザー改善の分離
表示速度とユーザー体験を改善する場合、以下のフロー順序で進めてください。
ステップ1：現状把握（1週間）
- GA4で直帰率・滞在時間・スクロール深さ・クリック率を確認
- PageSpeed Insightsで表示速度測定値を記録
- モバイル・デスクトップ別の差分を整理
- ヒートマップツールでユーザー行動を可視化
ステップ2：優先順位の決定（2〜3日）
- 直帰率が70%超か確認→超えていれば導線改善を優先
- スクロール深さが25%未満か確認→未満であれば情報設計を優先
- ページ読み込み時間が5秒超か確認→超えており導線改善が完了していれば表示速度改善を検討
ステップ3：改善の並行実行
- 導線改善（UXデザイナー・企画者が主導）：2週間〜1ヶ月
- 表示速度改善（エンジニア・フロント開発が主導）：2週間〜1ヶ月
- 両者は並行で進める・月1回進捗を確認
ステップ4：効果測定（改善実施後2週間後）
- GA4で改善前後の直帰率・滞在時間・CVRを比較
- PageSpeed Insightsで改善前後の測定値を比較
- 両者の改善があるか否かで、次の優先項目を決定
重要なのは、導線改善と表示速度改善を同じプロジェクトとして扱わないことです。
異なるチーム・異なる指標・異なる目的で進めることで、両立が可能になります。
もしサイトリニューアルを検討している場合は、設計段階から両立を図ることができます。
よくある質問：サイト表示速度測定ツール改善に関するよくある質問
Q1：PageSpeed Insightsで90点以上でも売上が変わらない場合、何を改善すべき？
GA4の直帰率と滞在時間を確認してください。直帰率が60%以上であれば、表示速度ではなく導線が原因です。具体的には、サイトのナビゲーションメニュー・カテゴリ設計・トップページの構成を見直す必要があります。
直帰率が50%未満で滞在時間が10秒以上ある場合は、ユーザーは情報を探索していますが、最終的な購入・問い合わせに至っていない状態です。この場合は、商品ページの説明不足やCTAボタンの配置が原因になります。
Q2：モバイルとデスクトップで表示速度が大きく異なる場合、どちらから改善すべき？
ECサイトやWebサイトのトラフィックの大半はモバイルです。売上が変わらない状態であれば、モバイルのPageSpeed Insightsスコアが基準になります。目安は65点以上です。65点未満であれば、モバイルの表示速度改善を優先してください。
ただし、モバイルの直帰率がデスクトップより20%以上高い場合は、速度ではなくモバイル向けのUI設計（ボタン配置・フォントサイズ）が原因の可能性が高いです。
Q3：画像最適化やキャッシュ設定で表示速度は改善したが、直帰率が下がらない場合？
これは最も一般的なケースです。原因は、表示速度改善と同時にサイト構造を改善していないためです。ユーザーが「このサイトで何ができるか」「どこに目的の情報があるか」を理解しないと、ページが速くなっても離脱します。
具体的には、ページ上部の見出しや説明テキストを、より明確で魅力的な内容に変更する必要があります。また、スマートフォンでは1カラムレイアウトを使い、ユーザーが上から順に情報を追える状態にすることが重要です。
Q4：Shopifyで複数のアプリを入れると表示速度が低下するが、削除するべき？
直帰率とCVRを確認してください。アプリの機能（レビュー表示・在庫表示・推奨商品表示など）によってCVRが2%以上向上している場合は、削除せずに表示速度改善を別途進めてください。
一方、CVRへの貢献が不明な場合は、まずアプリを削除して効果測定を行い、本当に必要か判定することをお勧めします。Shopify App Storeのアプリは便利ですが、無駄なアプリが多く入っているサイトは珍しくありません。
Q5：表示速度改善にいくら投資すべき？ROIはいつ回収できる？
表示速度改善単体では、売上への直接的な寄与が見えづらい場合が多いです。ROI判定をする場合は、以下の数値を基準にしてください。
- ページ読み込み時間が3秒以上短縮された→直帰率が3%〜5%低下するか1ヶ月観測
- 直帰率が低下しない場合→投資は優先度を下げる
- 直帰率が5%以上低下した場合→年間売上への貢献度を計算し、投資額と比較
例えば、月間100,000ページビュー・直帰率60%・平均注文額10,000円のサイトで、直帰率が5%低下すると、月間売上は約500万円増加します（100,000×40%×5%×10,000円）。表示速度改善が100万円で5%低下させられれば、2ヶ月でROI回収できる計算になります。
つまり、サイト表示速度測定ツール改善とCVR改善は別の構造である
表示速度測定ツール（PageSpeed Insights、Lighthouse）の数値改善と、実ユーザーの直帰率改善・CVR改善は、別の問題として扱う必要があります。
測定ツール数値改善は「技術的改善」に過ぎず、ユーザーの購買心理には影響しません。一方、直帰率改善はユーザーが「何をすべきか理解し、情報を探索する」心理的プロセスが必要です。
つまり、表示速度測定ツール数値が良好でも離脱率が改善されない理由とは、両者を一つの施策として扱い、優先順位を誤っているからです。
まとめ：表示速度とCVRの改善優先順位を正しく判定する
サイト表示速度測定ツール数値と実ユーザー離脱率は別の構造です。改善優先順位は、以下の判断基準で決めてください。
直帰率が70%以上・ページ滞在時間が5秒未満・スクロール深さが25%未満→導線改善を優先
直帰率は50%程度だがクリック率が20%未満→商品情報改善を優先
直帰率が50%未満・滞在時間が10秒以上・ページ読み込み時間が5秒超→表示速度改善を検討
このように、GA4データで状況を正確に把握してから、改善プロセスを決定することが重要です。測定ツール数値のゲーム化に陥らず、実ユーザーのデータを優先することで、売上改善に直結する施策が実現できます。
まずは、GA4で直帰率とページ滞在時間を確認することから始めてください
表示速度改善を検討する前に、まずはGA4のデータを見てください。自社サイトの直帰率・ページ滞在時間・スクロール深さが現在いくつなのか、把握することが全ての出発点です。
数値を見たら、本記事の判断基準に照らし合わせて、導線改善・商品改善・表示速度改善のどれを優先すべきか判定してください。その順番が正しければ、売上改善は確実に進みます。
お客様の声
食品EC企業 デジタルマーケティング部 部長
「PageSpeed Insightsで90点を超えるように頑張っていたのに、売上は変わらなかった。福岡ECサイトの分析で、実は直帰率が72%で、そっちが原因だと分かりました。表示速度ではなく、ページ上部の説明文を変えただけで、直帰率が58%に改善。その後で表示速度も改善したら、CVRが3.2%から3.8%に上がりました。優先順位が違うと、いくら改善しても売上には繋がらないんですね。」
