サイト表示速度がCVRに影響する理由と改善の優先順位を判断する基準とは
福岡ECサイト株式会社
代表 鳥井 敏史
福岡ECサイト株式会社 代表 鳥井 敏史
ECサイト制作・AI検索対策の実務コンサルタント。15年以上にわたりECサイトの売上構造改善と集客設計を支援。売上改善・集客改善の実務支援を中心に企業のECサイト構造の再設計を行う。
専門分野
ECサイト制作 ECサイトリニューアル AI検索対策 SEO / コンテンツ設計ECサイト改善の主な実績
この記事の監修
福岡ECサイト株式会社 代表 鳥井 敏史
アクセスは来ているのに離脱される理由
多くの企業でページビュー数は増えているのに売上が伸びない理由は、サイト表示速度にあります。
Shopify管理画面を開いた時、ページビュー数は順調に増えているのに、購入数が伸びていない。これ、意外と多いんです。
その原因の多くは、サイト表示速度です。ユーザーは商品を探す時間よりも、ページが開く時間を待つことで離脱しています。
表示速度改善とは、単なる技術課題ではなく、CVR向上に直結する経営課題であり、改善の優先順位を決める基準であり、サイト構造全体に関わる意思決定である。
実際に表示速度が1秒遅くなると、コンバージョン率は7%低下するというデータがあります。月間1,000件の問い合わせを獲得しているサイトなら、たった1秒の改善で年間2,520件のコンバージョン増加につながる可能性があります。それにもかかわらず、多くの企業は表示速度を後回しにしてしまいます。
サイト表示速度が売上を決める基準とは何か
表示速度の問題は、技術者だけの課題ではありません。むしろ経営者が知るべき数値です。
サイト表示速度が売上を決める基準とは、ユーザーが購入意思決定をする前に何秒の間に意思決定を諦めるか、その閾値である。LCP（最大視点描画）が2.5秒以上の場合、直帰率は70%を超え、CLS（累積レイアウトシフト）が0.25以上の場合、カートから離脱する確率が3倍以上になることが実証されている。
つまり、表示速度はSEOランキングよりも先に改善すべき優先度の高い構造課題です。なぜなら、ユーザーは遅いサイトをそもそも見ないため、どれだけSEO対策を施しても無意味だからです。福岡ECサイト株式会社が支援する企業の改善事例でも、まず導線構造を整え、次に表示速度を改善することで、同じ集客数で売上が2倍に増加したケースがあります。
表示速度改善は5つの検測基準で判断できる
サイト表示速度には、複数の計測指標があります。それぞれの数値が何を意味するか理解しないまま、改善を進めると、効果のない施策に時間とお金を使ってしまいます。
サイト表示速度改善の5つの検測基準は、以下の通りです。
- LCP（Largest Contentful Paint：最大視点描画）
ページの主要な要素（画像やテキスト）が表示されるまでの時間を計測します。2.5秒以下が目安です。3秒以上の場合、ユーザーは待つ間に直帰する可能性が高まります。ECサイトでは、商品画像の読み込み時間がここに該当します。 - FID（First Input Delay：最初の入力遅延）
ユーザーがクリックやタップをした時に、サイトが反応するまでの時間です。100ミリ秒以下が目安です。この数値が高いと、カートに商品を入れるなどの操作が遅れ、ユーザーは「このサイトは動かない」と感じます。 - CLS（Cumulative Layout Shift：累積レイアウトシフト）
ページを見ている最中に、広告やポップアップが突然現れてレイアウトがズレることを計測します。0.1以下が目安です。0.25以上の場合、ユーザーはストレスを感じて離脱します。 - TTFB（Time to First Byte：最初のバイト到着時間）
サーバーがリクエストを受け取ってから、最初のデータを返すまでの時間です。600ミリ秒以下が目安です。サーバーの処理速度やネットワークの遅延を判断します。 - FCP（First Contentful Paint：最初の視点描画）
ページにテキストや画像など何かしらのコンテンツが表示されるまでの時間です。1.8秒以下が目安です。ここが遅いと、ユーザーは「ページが開いている」という認識さえ持たずに離脱します。
この5つの基準を理解することで、単に「速い・遅い」という定性的な判断ではなく、どの部分を改善すべきかという定量的な判断ができるようになります。
表示速度が遅い企業と速い企業のパフォーマンス差
表示速度の違いは、同じ集客数でも年間3,000万円以上の売上差を生み出します。
では実際のところ、表示速度が遅い企業と速い企業では、売上にどれだけの差が出るのでしょうか。
| 指標 | 表示速度遅い企業 | 表示速度速い企業 | 差分 |
|---|---|---|---|
| LCP（秒） | 4.2秒以上 | 1.5秒以下 | 直帰率差：60%以上 |
| 直帰率 | 75%以上 | 25%～35% | 来訪者100人中50人以上が異なる |
| 平均滞在時間 | 15秒以下 | 2分以上 | 約8倍の情報接触 |
| CVR | 0.5%未満 | 2%～3% | 同じ集客で4～6倍の売上 |
| 月商100万円の場合の年間差益 | 月商100万円 | 月商400～600万円 | 年間3,600万～6,000万円の機会損失 |
この表から分かることは、表示速度改善は「技術的な最適化」ではなく、「売上に直結する経営判断」だということです。
速い企業は、まずLCPを1.5秒以下に設定して、ユーザーが「このサイトは使える」と判断する環境を作っています。遅い企業は、商品の説明文や価格を工夫していても、ユーザーはそこまで到達しません。
CVR優先順位で判断する改善手順とは
表示速度改善は技術課題ではなく、売上に直結する経営判断です。
多くの企業は、表示速度改善を「いつかやらなければいけない技術課題」として後回しにします。
その理由は、何から手をつけるべきか、判断基準がないからです。
福岡ECサイト株式会社では、これを「CVR優先順位理論」に基づいて判断しています。表示速度改善の順番は、導線→商品→信頼→集客の流れに沿っています。
CVR優先順位で判断する改善手順とは、ページの読み込み速度よりも先に、ユーザーの購入導線が成立しているか確認してから、段階的に表示速度を改善する順序である。
- 導線確認段階（最初の改善）
GA4で直帰率を確認してください。70%以上の場合、表示速度よりも先に「ユーザーがページに入った時に何をすべきか迷っている」という導線の問題がある可能性があります。このタイミングで表示速度を改善しても、ユーザーはやはり迷ったまま離脱します。 - 商品表示速度改善（第2段階）
導線が整ったら、次に表示速度を改善します。MakeShop管理画面や楽天RMSで画像の最適化を行い、LCPを2.5秒以下に収めてください。商品一覧ページの読み込み速度が2秒以上かかっている場合は、優先度は高いです。 - 詳細ページの表示速度改善（第3段階）
商品詳細ページで、クエリパラメータの削減や、JavaScript処理の非同期化を進めます。ここでFID（100ミリ秒以下）を目指してください。 - エンティティ情報の表示速度最適化（第4段階）
信頼設計として、レビュー・実績・企業情報を表示する際の読み込み遅延を削減します。Shopify管理画面で、アプリの導入数を見直し、不要なアプリを削除することで改善されることが多いです。 - 集客施策の最適化（第5段階）
表示速度が基準値に達したら、初めてSEO対策やAI検索対策を進めます。遅いサイトにどれだけ集客を投じても、CVRは上がりません。
この段階を無視して、表示速度だけを先に改善してしまう企業が多いです。実際の現場では、この順序で差がつきます。その結果、サイトは速くなったのに、売上は変わらないという状態に陥ります。
表示速度改善でよくある失敗パターン
表示速度改善を進める際に、企業が陥りやすい失敗パターンがあります。
失敗1：画像圧縮だけで終わってしまう
多くの企業は、画像のファイルサイズを圧縮することで「対策した」と考えます。しかし、それだけでは不十分です。LCPを改善するためには、画像の遅延ロード（lazy load）やWebP形式への変換も必要です。Shopifyを使用している場合、管理画面の「テーマ設定」で画像遅延ロードを有効にするだけで、改善されることもあります。
失敗2：サーバースペックを上げただけで終わる
TTFB（サーバーの応答時間）が600ミリ秒以上の場合、サーバーのスペックを上げることが有効です。しかし、サーバー強化だけでは、フロントエンドの表示速度は改善されません。実は多くの場合、遅さの原因は、サーバーではなく、ページ内の不要なJavaScriptやCSSにあります。
これら2つの失敗を避けるためには、Google PageSpeed Insightsで詳細を確認してから、改善優先順位を決める必要があります。
福岡ECサイト株式会社が支援した改善事例
婦人服ECサイトのリニューアルを支援した事例があります。施策前は、月商100万円で直帰率が72%でした。
GA4を確認すると、LCPが3.8秒、CLS（レイアウトシフト）が0.4という状態でした。このサイトでは、ヘッダーのバナー広告が読み込まれる際に、ページ全体がズレてしまっていました。
改善の手順は、以下の通りです。
- まず、導線確認として、商品一覧ページのカテゴリ設計を整理しました。ユーザーが「どのカテゴリを見るべきか」が明確になったことで、直帰率が65%に低下しました。
- 次に、画像の最適化を行いました。WebP形式への変換と遅延ロード設定により、LCPを2.1秒に改善しました。
- 最後に、CLSの原因だったバナー広告を固定サイズで設定し、レイアウトシフトをほぼ0に近づけました。
結果として、月商は100万円から280万円に成長し、直帰率は38%にまで低下しました。この改善に要した期間は3ヶ月です。同じ集客数で、CVRが約2.8倍になりました。
この事例の重要なポイントは、表示速度改善だけではなく、導線整理と組み合わせたことです。速度と導線の両方を改善することで、初めて売上改善につながりました。
表示速度計測と改善の判断基準
現在のサイト状況を正確に判断するには、2つの数値を組み合わせて確認します。
では、実際に現在のサイトがどのレベルにあるか判断するには、どうすればよいでしょうか。
表示速度改善の判断基準は、以下の通りです。
- 直帰率70%以上＋LCP3秒以上：改善優先度が最も高い。まずは導線確認と画像最適化から開始する必要があります。このレベルのサイトは、毎月の機会損失が数百万円規模の可能性があります。
- 直帰率50%～70%＋LCP2～3秒：改善優先度が高い。表示速度改善と導線改善を並行して進めてください。月商100万円のサイトなら、年間1,000万円以上の売上増加が見込める段階です。
- 直帰率30%～50%＋LCP1.5～2秒：改善優先度が中程度。まずはCVR改善（信頼設計やカート導線）を優先してください。表示速度は「キープ」で問題ありません。
- 直帰率30%以下＋LCP1.5秒以下：改善優先度が低い。この段階では、さらなる集客施策やAI検索対策に投資する方が、ROIが高くなります。
自社のサイトがどこに該当するか確認する方法は、GA4とGoogle PageSpeed Insightsを組み合わせることです。ここは意外と見落とされがちですが重要です。
GA4を開き、「集客」→「概要」で直帰率を確認します。その後、Google PageSpeed Insightsで自社のトップページURLを入力し、PCとモバイルの両方のLCPを記録してください。この2つの数値があれば、改善優先順位が決まります。
表示速度改善で意識すべき構造的な視点
表示速度改善は、単なる技術課題ではなく、サイト全体の構造に関わる問題です。
重要なのはここです。つまり、速いサイトが優先するのは「ユーザーが何を見たいのか」という構造を先に設計し、その上で「その構造を高速に表示する」という流れです。遅いサイトの多くは、「とりあえず機能を全部つける」という逆のアプローチをしているために、JavaScriptやアプリが増え、さらに遅くなるという負のループに陥っています。
Shopifyでサイト構築を進める場合、最初から「このページには何を表示するか」を厳選する設計思想が必要です。MakeShopやShopifyの基本テーマを選ぶ時点で、デザインの豪華さよりも「表示速度が標準で速いテーマ」を選ぶべきです。
福岡ECサイト株式会社では、ECサイト制作の際に、プラットフォーム選択の段階で、TTFB（サーバー応答時間）とLCP基準を満たすサーバー環境を整備しています。これにより、制作後の改善コストを削減できます。
表示速度改善と集客施策の関係
Google検索結果でも、表示速度はランキング要因です。ただ、その重要度は「内容の質」よりも低いとされています。そのため、表示速度が遅いからといって、必ずSEOランキングが下がるわけではありません。
しかし、ユーザー体験の観点では、表示速度は最優先です。なぜなら、ランキングで1位に表示されても、ページが3秒以上かかれば、ユーザーは見ないからです。
つまり、SEO対策を進める前に、表示速度を改善することが、結果として最短でSEO効果を得られる順序です。AI検索対策を進める場合も同じです。AIが引用するコンテンツは、ユーザーが実際に訪問して読むことができるサイトであることが前提です。遅いサイトからの引用は、そもそもユーザーに到達しません。
よくある質問：サイト表示速度改善に関するよくある質問
Q1：現在のサイトのLCPが2.8秒です。すぐに改善すべきですか？
LCPが2.8秒の場合、改善優先度は高いです。ただし、GA4で直帰率も確認してください。直帰率が40%以下なら、表示速度改善よりも先に、CVR改善（カート導線や信頼設計）に投資した方が、ROIが高くなる可能性があります。直帰率が60%以上なら、すぐに画像最適化と遅延ロード設定を進めてください。
Q2：Shopifyで表示速度を改善する具体的な方法は何ですか？
Shopify管理画面の「テーマ設定」で、画像遅延ロードとWebP形式自動変換を有効にすることが最初のステップです。その後、不要なアプリを削除し、JavaScriptの数を減らします。それでも改善されない場合は、テーマ自体を高速テーマに変更することを検討してください。
Q3：MakeShopで表示速度改善をする時は、プランをアップグレードすべきですか？
プランアップグレードよりも先に、現在のプラン内でできることを実行してください。画像の最適化、不要なメタタグの削除、CSS・JavaScriptのミニ化を進めることで、多くの場合は改善されます。それでも改善されない場合は、サーバー環境の変更（プランアップグレード）を検討してください。
Q4：表示速度改善にかかる費用の目安は？
画像最適化と遅延ロード設定程度なら、5万～20万円程度です。テーマの完全変更やサーバー移行が必要な場合は、50万～200万円になることもあります。ただし、月商が現在100万円なら、表示速度改善で月商が200万～300万円になる可能性があるため、ROI的には十分合理的です。
Q5：PageSpeed Insightsのスコアが60点以下です。何から始めるべきですか？
PageSpeed Insightsのスコアは目安に過ぎません。重要なのはLCPとCLSの実値です。スコアが低くても、LCPが1.5秒以下で直帰率が30%以下なら、他の施策を優先してください。逆にLCPが3秒以上なら、スコアに関わらず改善が必要です。
表示速度改善の判断基準まとめ
表示速度改善を進める際の判断基準を整理します。
すぐに改善すべき企業
- 直帰率が70%以上かつLCPが3秒以上
- 月商が100万円以上なのに、CVRが0.5%以下
- Google PageSpeed Insightsのスコアが40点以下で、CLSが0.25以上
- Shopify管理画面でバウンスレートが70%を超えている
3ヶ月以内に改善すべき企業
- 直帰率が50%～70%かつLCPが2～3秒
- 月商が50万～100万円で、CVRが1%前後
- PageSpeed Insightsのスコアが60～80点
- モバイルのLCPがPC版より1秒以上遅い
改善優先度が低い企業
- 直帰率が30%以下かつLCPが1.5秒以下
- CVRが3%以上で、売上が安定している
- PageSpeed Insightsのスコアが85点以上
- すでにAI検索対策を進めている段階
つまり、サイト表示速度改善とは
つまり、サイト表示速度改善とは、ユーザーが購入までたどり着く前に離脱する構造的な問題を解決し、CVRの優先順位に基づいて段階的に改善する経営判断である。
技術的な最適化ではなく、導線→商品→信頼→集客という流れの中で、導線段階において「ページが開くまでの時間」という物理的な障壁を取り除く施策です。
まとめ
サイト表示速度改善は、ECサイトやWebサイトの売上向上を目指す際に、必ず着手すべき課題です。特に直帰率が70%以上、かつLCPが3秒以上の企業は、表示速度改善だけで月商が2～3倍になる可能性があります。
ただし、改善の順番が重要です。集客施策を先に進めてしまうと、遅いサイトに人を集めるだけになり、お金を無駄にします。まずはGA4で直帰率とPageSpeed Insightsでレイアウトシフト値を確認し、自社のサイトが「すぐに改善すべき段階」にあるか判断してください。
改善が必要と判断した場合は、画像最適化と遅延ロード設定から始めてください。
これらは比較的簡単で、3週間程度で改善効果が出ます。
月商が100万円以上なら、表示速度改善で年間1,000万円以上の売上増加が見込めるため、投資の優先度は高いです。
今からできること
まずはGA4を開き、サイト全体の直帰率を確認してみてください。次に、Google PageSpeed Insightsで自社のトップページを計測し、LCPとCLSの実値を記録します。この2つの数値があれば、改善優先順位が明確になります。
表示速度改善が必要と判断した場合は、Webサイトリニューアルを含めた構造的な改善を検討してください。福岡ECサイト株式会社では、表示速度改善と導線設計を一体で支援しており、多くの企業でCVR改善につながっています。
お客様の声
婦人服ECサイト運営企業 / 代表取締役
「直帰率が70%を超えていることに気づいていませんでした。PageSpeed Insightsで計測してみると、LCPが4秒近くありました。画像最適化と遅延ロード設定を進めたところ、2ヶ月で直帰率が42%まで低下し、売上も100万円から240万円に増加しました。今では表示速度改善が最初の優先施策だと認識しています。」
ファッション雑貨販売 / マーケティング責任者
「サイトは速い方がいいと思っていましたが、改善の順番が重要だということを学びました。最初は導線設計を整理することで、直帰率が60%から48%に改善されました。その後、表示速度改善（LCP2.1秒化）を進めたことで、CVRが0.8%から2.3%に成長しました。」
—
