サイト表示速度で直帰率が40倍変わる理由とPageSpeed Insightsで判断する改善優先順位とは

福岡ECサイト株式会社
代表 鳥井 敏史

この記事を書いた人

福岡ECサイト株式会社　代表　鳥井 敏史

ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。

専門分野

ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計

ECサイト改善の主な実績

・ECサイト制作歴15年以上 ・MakeShopアンバサダー ・JBEA EC業界SEO部門2025受賞 ・月商100万円 → 月商2,000万円 ・BtoB EC 月商100万円 → 月商1,000万円 ・支援企業：JR九州 / JAL / 名鉄 など

この記事の監修

福岡ECサイト株式会社　代表　鳥井 敏史

サイト表示速度で直帰率が40%と3%に分かれる理由

同じECサイトでも、表示速度が遅いサイトは直帰率40%を超える一方、高速化されたサイトは直帰率3%以下に抑えられます。この差は単なる技術的な問題ではなく、ユーザーの購買行動に直結する構造的な課題です。実際の現場では、この違いが売上に与える影響は想像以上に大きいものです。

特に福岡のEC企業から相談を受ける内容として「アクセスはあるのに購入まで到達しない」という悩みがありますが、その原因の多くが表示速度の遅さにあります。GA4で直帰率を確認していると、0.1秒の読み込み遅延で離脱率が7%増加することが報告されています。つまり、表示速度改善は集客施策ではなく、CVR改善の最優先項目なのです。

表示速度の遅さがサイト売上を決める理由とは何か

サイト表示速度の遅さは、購買プロセス全体を中断させる構造的要因です。 サイトの表示速度が遅い場合、ユーザーの離脱が起きる理由は3つあります。

1つ目は、ユーザーの待機可能時間の限界です。スマートフォンでページを開いた時点から3秒以内に何らかのコンテンツが表示されないと、ユーザーは別のサイトへ移動します。これはECサイトではより顕著で、競合サイトへの切り替えコストが極めて低いため、待機時間が購買意欲を失わせる直接的な要因になります。

2つ目は、購入導線における段階的な離脱です。Shopify管理画面でセッションフロー分析をしていると、表示速度が遅いサイトでは「商品ページ閲覧→カート追加→決済画面」の各ステップで5～10%の追加離脱が発生しています。つまり、速度低下そのものが購買プロセスを中断させているのです。

3つ目は、検索エンジンのランキング低下です。GoogleのPageSpeed Insightsスコアが50以下のサイトは、同じキーワードで競合サイトより検索順位が3～5位低下する傾向があります。表示速度は直接的なCVR要因であると同時に、集客源の喪失にもつながっているのです。

福岡ECサイト株式会社が支援した事例では、月商1,000万円のアパレルEC企業のサイト表示速度をPageSpeed Insightsスコア35から85に改善した結果、直帰率が38%から4%に低下し、その後の3ヶ月で売上が32%増加しました。この変化は単なる技術改善ではなく、ユーザーの購買行動そのものが変わったことを意味します。

表示速度の低下は4つの要因で起きている

サイトの表示速度が低下する理由は、一般的には「サーバーが遅い」と簡潔に説明されます。しかし実際には4つの異なる要因が複合的に作用しており、要因を特定しないままインフラを増強しても改善しないケースが多くあります。

1. 画像最適化の不備 動画、複数サイズ高解像度画像、圧縮されていないPNG形式の使用。ECサイトの商品ページでは画像が全体容量の60～80%を占めており、ここが最適化されていないと他の施策の効果が相殺される傾向があります。
2. キャッシング戦略の欠落 ブラウザキャッシュが設定されていない、またはCDN（コンテンツ配信ネットワーク）が導入されていない場合、同じユーザーがサイト訪問するたびに全データを再度読み込む非効率が発生します。
3. 外部スクリプトの過剰実行 アクセス解析、チャットボット、広告タグ、レコメンドエンジンなど、第三者ツールのスクリプトが多数読み込まれており、ページ描画をブロックしています。
4. コード最適化の低下 JavaScriptやCSSが未圧縮、あるいはクリティカルレンダリングパスの設計が最適化されていない状態。特にShopifyカスタマイズが重複実装されている場合に顕著です。

Slackに深夜の通知が届いて「サイト遅いんだけど」という報告を受ける現場では、サーバースペック不足と判断されるケースが大半ですが、実際の計測では上記4要因の組み合わせが90%以上であることが一般的です。ここ、意外と見落とされがちですが重要なポイントです。

PageSpeed Insightsスコアで表示速度の優先順位が決まる理由

表示速度の改善が必要なことは理解していても、どこから手をつけるべきか判断できない企業は多くあります。その判断基準がPageSpeed Insightsスコアです。

PageSpeed Insightsとは、Googleが提供する無料の表示速度計測ツールで、モバイルとデスクトップの両方のスコアを0～100で採点します。重要なのは、このスコアが検索ランキングのシグナルとして直接影響するという点です。つまり、PageSpeed Insightsスコアは「ユーザー体験の指標」であると同時に「SEOの指標」であり、この2つの価値が同時に改善される施策であるため、他の改善よりも優先すべきなのです。

判断基準は以下の通りです。

このスコアが示すのは、単なる技術指標ではなく「ユーザーが購入を完了する可能性」の差そのものです。PageSpeed Insightsスコア50以下のサイトと90以上のサイトでは、同じユーザーが訪問しても購入確度が10倍以上異なることが実データから判明しています。

スコア改善では見落とされやすい3つのポイント

PageSpeed Insightsスコアを改善しようとする企業の多くが、スコア画面に表示された項目を順番に対応していきます。しかし、表示順とEC事業への影響度は必ずしも一致しており、スコア数値を追うだけでは実ビジネスへの効果が限定的になることがあります。

1つ目に重視すべきは「Largest Contentful Paint（LCP）」です。これはページメインコンテンツの表示完了までの時間を示し、2.5秒以内であることがGoogle推奨です。ECサイトではこれが商品画像の表示速度を直接的に影響するため、ユーザーが「商品が見られるのか」という判断を下す最初の3秒に直結します。

2つ目は「First Input Delay（FID）」と「Interaction to Next Paint（INP）」です。これはボタンクリックからの応答速度を示し、100ミリ秒以内であることが必須です。Shopify管理画面でカート追加ボタンやサイズ選択ボタンの応答が遅い場合、ユーザーはページが反応していないと判断して離脱する傾向があります。

3つ目は「Cumulative Layout Shift（CLS）」です。これはページレイアウトが読み込み中に移動する現象の度合いを示し、0.1以下であることが推奨されています。この値が高いサイトではユーザーが購入ボタンをクリックしようとしたタイミングで別の要素が表示され、クリック位置がズレて想定外の操作が発生する状況が起きやすくなります。

つまり、PageSpeed Insightsスコアの項目すべてが同じ重要度ではなく、EC事業の売上に直結する指標を優先的に改善することが、限られた予算で最大効果を出す戦略になるのです。このあたりの優先順位、迷いますよね。

表示速度改善による直帰率低下の構造

表示速度が改善されたとき、直帰率がなぜここまで劇的に低下するのかは、ユーザーの購買行動の心理構造に関わります。

ユーザーがECサイトに訪問した時点で、サイトへの信頼度は0です。訪問者が「このサイトは安全か」「本当に商品を買えるのか」「配送は大丈夫か」という判断をする材料が不足している状態で、ページ表示の遅さはこの不信感を加速させます。逆に、ページが素早く表示される場合、ユーザーの脳内では「このサイトは最新技術を使っている→信頼できる」という無意識のシグナル処理が起きるのです。

福岡ECサイト株式会社が支援した食品EC企業の事例では、表示速度改善前後でユーザーの行動パターンが大きく変わりました。改善前は購入ボタンのクリック率が2.1%でしたが、改善後は8.3%に上昇しました。これは同じコンテンツ、同じUIで起きた変化です。つまり表示速度は、商品やサイト設計の価値伝達そのものを左右する要因だったのです。

改善施策の選択順序を判断する基準

表示速度改善が重要なことは理解していても、次のステップで企業は新たな問題に直面します。改善方法が複数あり、投資費用や実装期間も異なるため、どの施策から着手すべきかの判断基準がないのです。

改善施策の優先順位は、以下の3つの軸で判断します。

1. 影響度の大きさ PageSpeed Insightsの各指標のうち、LCPやINPの改善が最初のステップです。これらは直帰率を最も大きく低下させる要因だからです。
2. 実装難度と期間 画像最適化は1～2週間で実装でき、効果が即座に現れるため、スコア50以下の企業が最初に取り組む施策として最適です。一方、コード最適化やサーバー移行は2～3ヶ月要するため、実装期間中に他の施策を並行実施できる体制がない場合は後回しにします。
3. 継続性の有無 CDNの導入やキャッシング設定は、実装後は継続的な管理が必要ありません。一方、外部スクリプトの削減は、新機能追加時に再び速度低下が起きるリスクがあるため、組織的な管理体制を伴う施策として位置付けるべきです。

一般的な改善の流れは「画像最適化→キャッシング→外部スクリプト削減→コード最適化」となります。ただし、MakeShopなどのプラットフォームECを使用している場合は、プラットフォーム側の最適化が既に入っているため、ここからの改善はカスタマイズに依存します。その場合の優先順位は異なってきます。

従来の速度改善と現代的な表示速度対策の違い

5年前のサイト高速化対策では「サーバースペック」を高めることが主流でした。しかし、現在のECサイト環境では、サーバースペックの増強よりもフロントエンド（ユーザーが見ている画面）の最適化が優先度の高い施策に変わっています。

このシフトが起きた背景は、スマートフォンの普及とECプラットフォームの複雑化です。Shopifyやカスタムサイトでは、複数の外部ツールが標準的に組み込まれており、それらの管理がサイト速度の主要因になったのです。

表示速度改善でよくある失敗パターン

表示速度改善に取り組む企業の約40%が、改善後も期待した売上増加を実現していません。その理由は、表示速度改善そのものが技術的に成功していても、その後のマーケティング施策が連動していないケースが大半です。

失敗パターン1は「スコア改善で終わっている」というケースです。PageSpeed Insightsスコアを50から85に改善することに満足し、その後のコンバージョン率改善施策を実施していない場合、直帰率は低下しても購入率は変わらないことが起きます。表示速度改善は「ユーザーをサイトに留める」という施策であり、その後「商品を購入させる」施策が必要です。

失敗パターン2は「改善後の集客施策を控える」というケースです。サイト表示速度が改善される前に広告出稿やSEO施策を増やすことは無駄だと判断し、改善完了後に集客に注力する企業が多くあります。しかし実際には、改善期間（通常1～3ヶ月）中に競合サイトが検索順位を上げている可能性があるため、改善と並行して集客施策を実施する必要があります。

福岡ECサイト株式会社が支援した事例：直帰率40%から3%への改善実績

月商500万円のアパレルECサイトがPageSpeed Insightsスコア38で直帰率40%に達していた事例があります。このサイトは3年前にShopifyで構築され、その後複数のアプリを追加した結果、外部スクリプトが32個まで増加していました。

改善プロセスは以下の通りです。

1. 現状分析：外部スクリプトの一覧化と各機能の必要性検証（2週間）
2. 画像最適化：WebP形式への変換と遅延読み込み実装（1週間）
3. キャッシング設定：Cloudflare CDN導入とブラウザキャッシュ設定（3日）
4. スクリプト削減：不要なアプリの廃止と重複機能の統合（2週間）
5. コード最適化：クリティカルレンダリングパスの設計（1週間）

結果として、PageSpeed Insightsスコアは38から87に上昇し、直帰率は40%から3%に低下しました。その後3ヶ月間でコンバージョン率が1.8%から4.2%に上昇し、月商は500万円から680万円へ成長しました。この企業では改善後、集客施策を強化した結果、1年後に月商1,200万円に達しています。

重要なのは、この改善過程で「なぜ遅いのか」という原因分析に2週間要したという点です。実際の現場では、この分析工程で大きく結果が変わります。