「商品も価格も悪くないのに、なぜか売れない」——そんなECサイトの隠れたボトルネックが「表示速度」です。Googleの調査では、モバイルページの表示に3秒以上かかると53%のユーザーが離脱するとされ、表示速度はCVR（転換率）・SEO・広告効率のすべてに影響します。本記事では、ECサイトの表示速度がなぜ重要なのかを裏付けるデータから、Core Web Vitals（コアウェブバイタル）の3指標、計測方法、今日から実践できる改善施策まで、順を追って解説します。

ECサイトの表示速度がなぜ重要か——数字で見るインパクト

表示速度の重要性は、複数の公知の調査データで裏付けられています。

• モバイル表示が3秒を超えると53%が離脱（Google/SOASTA調査）。ユーザーはページが開くのを待ってくれません。
• 表示が1秒遅れるとコンバージョン率は最大20%低下（Google）。広告で集めたアクセスも、遅いページでは成果になりません。
• 0.1秒の速度改善で小売サイトのコンバージョンは8.4%、平均注文額は9.2%向上（Deloitte「Milliseconds Make Millions」調査）。わずかな改善でも売上に直結することを示す代表的なデータです。

海外の大手EC事業者は古くからこの事実に着目しており、「表示が100ミリ秒遅れると売上が1%減少する」というAmazonの社内分析は、速度と売上の関係を示す逸話として広く知られています。国内でも、大手ECモールが商品画像の軽量化ガイドラインを設けているのは、速度がモール全体の売上を左右することを知っているからにほかなりません。

ECサイトは商品画像が多く、レビュー・レコメンド・計測タグなど読み込む要素も多いため、コーポレートサイトよりも速度が劣化しやすい構造にあります。しかも広告費をかけて集客しているサイトほど、「遅さによる離脱」は広告費の垂れ流しに直結します。表示速度改善は、デザイン変更や広告増額よりも先に取り組むべき「土台の改善」なのです。さらに、リスティング広告ではランディングページの利便性が品質スコアの評価要素に含まれるため、ページ速度の改善はクリック単価の抑制にもつながります。SEO・広告・CVRの3方向から効く、一石三鳥の施策と言えます。

Core Web Vitalsの3指標——LCP・INP・CLSをやさしく解説

Googleはページ体験を測る共通指標として「Core Web Vitals」を定義しており、検索順位の評価にも用いられています。指標は次の3つです。

LCP（Largest Contentful Paint）は、ページ内で最も大きなコンテンツ（ECサイトでは多くの場合メイン商品画像）が表示されるまでの時間です。2.5秒以内が「良好」の基準です。

INP（Interaction to Next Paint）は、クリックやタップなどの操作に対して画面が反応するまでの遅延を測る指標で、2024年3月に旧指標のFID（First Input Delay）に代わって正式採用されました。200ミリ秒以内が「良好」です。カートに入れるボタンを押しても反応しない「もっさり感」はINPの悪化そのものであり、購入直前の離脱を招きます。なお、FirefoxやSafariの最新版でもINP計測への対応が進んでおり、Chrome以外のユーザー体験としても無視できない指標になっています。

CLS（Cumulative Layout Shift）は、読み込み中にレイアウトがガタッとずれる度合いです。0.1以下が「良好」で、バナーや広告が後から読み込まれてボタンの位置がずれ、誤タップを誘発するようなページは要改善です。

この3指標は「速く表示され（LCP）、すぐ反応し（INP）、ずれない（CLS）」というユーザー体験を数値化したものと覚えると理解しやすいでしょう。なお、Core Web Vitalsの合否は「訪問全体の75パーセンタイル」で判定されます。つまり平均値が良くても、通信環境の悪いモバイルユーザーの4人に1人が遅い体験をしていれば「不良」と判定されます。ECサイトはモバイル経由の購入が主流のため、デスクトップではなくモバイルの数値を基準に改善することが重要です。

まず現状を知る——無料でできる計測方法3つ

改善の前に、必ず現状を計測します。無料で使える代表的な方法は3つです。

1. PageSpeed Insights。URLを入力するだけで、実際のユーザーデータ（CrUX：Chrome User Experience Report）に基づくCore Web Vitalsの評価と、ラボ環境での診断、改善提案を確認できます。まずはトップページではなく、アクセスの多い商品ページとカートページを計測するのがECサイトのポイントです。

2. Google Search Consoleの「ウェブに関する主な指標」レポート。サイト全体でどのURLグループが「不良」「改善が必要」と判定されているかを一覧でき、優先順位付けに役立ちます。

3. Chrome DevToolsのLighthouse・パフォーマンスパネル。どのリソース（画像・JS・外部タグ）が読み込みを遅らせているかを具体的に特定できます。

計測時の注意点として、ラボ計測（シミュレーション値）と、フィールドデータ（実ユーザーの体験値）は異なります。SEO評価に使われるのはフィールドデータであるため、改善の合否判定はCrUXベースの数値で行いましょう。また、改善前のスコアを記録しておくことで、施策の効果検証が可能になります。改善の優先順位は「アクセス数×改善余地」で決めるのが定石です。月間10万PVの商品一覧ページのLCPを1秒縮める方が、月間100PVの会社概要ページを完璧にするよりはるかに売上インパクトが大きいためです。GA4のページ別アクセスデータと突き合わせて、対象ページを絞り込みましょう。

今日からできる表示速度の改善施策7つ

ECサイトで効果が出やすい順に、実務で定番の改善施策を7つ紹介します。

1. 画像の圧縮と次世代フォーマット化。ECサイトの転送量の大半は画像です。WebP/AVIF形式への変換と適切なサイズでの配信だけで、LCPが大幅に改善するケースは珍しくありません。

2. 画像の遅延読み込み（lazy loading）。ファーストビュー外の画像にloading="lazy"を設定し、初期表示に必要なデータ量を減らします。逆にメイン商品画像（LCP要素）には遅延読み込みを設定しないのが鉄則です。

3. 不要な計測タグ・外部スクリプトの棚卸し。使っていない広告タグやチャットツールが残っているサイトは非常に多く、INP悪化の主因になります。タグマネージャーで四半期に一度は棚卸ししましょう。

4. JavaScript・CSSの削減と遅延実行。初期表示に不要なスクリプトはdefer/asyncで後回しにします。

5. ブラウザキャッシュとCDNの活用。静的リソースをCDNから配信することで、地理的な遅延とサーバー負荷を軽減できます。

6. サーバー応答時間（TTFB）の改善。安価な共用サーバーで応答が遅い場合、プラン変更やページキャッシュ導入が根本対策になります。

7. レイアウトずれの防止。画像やバナーにwidth/height属性を明示し、後から挿入される要素にはあらかじめ領域を確保してCLSを防ぎます。

モール出店（楽天市場・Yahoo!ショッピングなど）の場合はサーバー側を触れないため、画像の軽量化・ページ内の画像点数の最適化・不要なスクリプト削除が実質的な改善手段になります。特に楽天市場では、スマホ用商品説明文に大量の画像を縦に並べる構成が一般的なため、1枚あたりの容量を圧縮するだけでもページ全体の読み込みは大きく変わります。

自社ECでWordPressやカートASPを使っている場合は、画像最適化プラグインやテーマの見直し、使っていないプラグインの削除も有効です。「プラグインを3つ消したらスコアが20点上がった」といったことは実務では日常的に起こります。LCP改善では、メイン画像にfetchpriority="high"を指定して優先読み込みさせる、Webフォントの読み込みを最適化するといった一歩踏み込んだ手法もあります。

最後に忘れてはならないのが、表示速度は放置すると必ず劣化するという点です。バナーの追加、新しい計測タグの導入、商品画像の増加——日々の運用の積み重ねでページは重くなっていきます。サイト更新のたびに主要ページを計測する、月次でSearch Consoleのレポートを確認するなど、速度を「一度直して終わり」ではなく継続的に監視するKPIとして扱う運用体制を作りましょう。

まとめ：速度改善は「最も地味で、最も確実なCVR施策」

表示速度の改善は、デザインリニューアルのような派手さはありませんが、離脱率・CVR・SEO・広告効率のすべてに効く、費用対効果の高い施策です。まずはPageSpeed Insightsで主要ページを計測し、「画像の軽量化」から着手する——この最初の一歩だけでも、多くのECサイトで体感できる変化が生まれます。0.1秒の改善がコンバージョンを8.4%押し上げるというデータが示すとおり、速度は売上に直結する経営指標です。

Semuis株式会社では、ECサイト・ECモール店舗の売上改善を、サイト診断からマーケティング施策まで一気通貫で支援しています。「自社サイトのどこがボトルネックか診断してほしい」「CVRを改善したい」という方は、ぜひお気軽にお問い合わせください。