
表示速度を上げてCVRを改善する|重いECは買う前に閉じられる
スマホでお店を探していて、タップした商品ページがなかなか開かない。 くるくる回る読み込みマークを2〜3秒見て、「もういいや」と戻ってしまった——そんな経験、自分にもありませんか。
あなたのお客さんも、まったく同じことをしています。広告や検索でせっかく連れてきた人が、商品を見る前に、重さだけで帰っているかもしれない。今日は、お金をかけずにできる「ページの軽量化」の話を、いちばん効く画像から一緒に進めていきましょう。
結論:アクセスがあるのに売れないとき、原因の一つが「表示速度」です。
ページが重いと、中身を見る前に離脱されます。まず効くのは画像の最適化。今日、売れ筋の1ページからで構いません。
いま何が起きているか
お客さんは、待つのが苦手です。とくにスマホで見ているとき、ページがすぐ表示されないと、内容を確かめる前に指が「戻る」に伸びます。
ここで効いてくるのが表示速度とCVR(購入率)の関係です。Googleは、ページの読み込みが1秒から3秒に延びると直帰率(すぐ帰る割合)が大きく上がると公表しています。つまり、何秒で開くかは、商品の良し悪し以前に、見てもらえるかどうかを左右する入口なのです。
そして、ECサイトを重くしている最大の犯人は、たいてい画像です。きれいに見せたい一心で、撮ったままの大きな写真をそのまま載せている——それが、知らないうちに離脱を生んでいます。

具体例:画像を軽くするだけで、待ち時間はここまで縮む
数字で見ると、画像の重さがどれだけ効くか分かります。
- スマホ用のページに、1枚3MBの写真が5枚あるとします。画像だけで合計 3 × 5 = 15MB。
- これを、表示に十分な品質を保ったまま1枚0.3MBに圧縮すると、0.3 × 5 = 1.5MB。約10分の1です。
- 通信が遅い場所では、この差がそのまま「開くのを待てるか/閉じるか」の分かれ目になります。
やることは難しくありません。①横幅を表示に必要なサイズ(スマホなら横1000px前後で十分なことが多い)に縮める、②JPEG/WebPなどで圧縮する。この2つだけで、見た目をほとんど落とさずに容量を大きく減らせます。
※ 数字は説明用の一例です。実際の容量や効果は、写真の内容やお店の環境で変わります。まずは自分のページが何MBあるかを測るところから始めてください。
軽くするために、今日触れる4か所
画像のほかにも、手をつけやすい箇所があります。効果が出やすい順に並べました。
| # | 場所 | やること | なぜ効くか |
|---|---|---|---|
| 1 | 画像 | 表示サイズに縮小+圧縮(WebP化) | 重さの主因。いちばん効く |
| 2 | 画像の読み込み | 下の方の画像を「遅延読み込み」にする | 最初の表示が速くなる |
| 3 | アプリ・タグ | 使っていないアプリ/計測タグを外す | 裏で動く処理が減る |
| 4 | 動画・装飾 | 自動再生動画や重い演出を見直す | 派手さより速さを優先 |
ポイントは、全部を一度にやろうとしないこと。まずは①の画像だけで、体感が変わるページは少なくありません。カートシステム(BASE・Shopify・楽天など)によっては、アプリや設定で画像を自動圧縮してくれる機能もあります。自分の環境でできる範囲から、で十分です。
あなたへの影響
- ページが軽くなると、せっかく集めたアクセスを取りこぼしにくくなります。広告費を増やさずに、購入率を底上げできます。
- 表示速度は、検索順位にも関わる要素の一つです。速さを整えることは、SEOの面でも無駄になりません。
- 画像の最適化は一度やれば残ります。新しい商品を載せるときの手順に組み込めば、これ以上重くなりません。
明日やること
- 売れ筋の商品ページをスマホで開き、表示されるまで心の中で「いち、に、さん」と数える。3秒以上かかるなら要改善のサイン。
- そのページのいちばん大きい画像を1枚、横幅を縮めて圧縮し、差し替えてみる(無料の画像圧縮ツールでOK)。
- 使っていないアプリ・計測タグがないか管理画面を見て、1つでも外せそうなら外す。
ページの重さは、目に見えないぶん放置されがちです。でも、お客さんは確かにそれを感じて、静かに帰っています。今日、いちばん大きな1枚の画像を軽くするだけで、その「静かな離脱」は減らせます。まずは1ページ、開く速さを取り戻してみませんか。

チェックリスト
- 売れ筋ページの表示時間を実際に測った(スマホ・回線が遅い状況でも)
- 商品画像を表示サイズに合わせて縮小している
- 画像を圧縮(WebP等)して容量を落としている
- 下部の画像に遅延読み込みを使っている
- 使っていないアプリ・計測タグを整理した
- 自動再生動画など重い演出を見直した
- 新商品を載せるときの「画像を軽くする」手順を決めている
関連テンプレート・無料ツール
- ▶ EC担当者が見るべき指標10個
- ▶ カゴ落ち対策チェックリスト|「あと一歩」の離脱を取り戻す
- ▶ ECサイトSEOの基礎|商品ページで検索流入を増やす
- ▶ 商品ページ改善チェックリスト50
- ▶ EC利益計算ツール(ROAS / 利益率 / LTV)
あなたの商品ページは、何秒で開いていますか。気になるページを見せていただければ、無料診断で「重さの原因」を3つお返しします。
</content> </invoke>