スマホでECサイトの読み込みを待ちきれず画面を閉じようとする人

表示速度を上げてCVRを改善する|重いECは買う前に閉じられる

スマホでお店を探していて、タップした商品ページがなかなか開かない。 くるくる回る読み込みマークを2〜3秒見て、「もういいや」と戻ってしまった——そんな経験、自分にもありませんか。

あなたのお客さんも、まったく同じことをしています。広告や検索でせっかく連れてきた人が、商品を見る前に、重さだけで帰っているかもしれない。今日は、お金をかけずにできる「ページの軽量化」の話を、いちばん効く画像から一緒に進めていきましょう。

結論:アクセスがあるのに売れないとき、原因の一つが「表示速度」です。
ページが重いと、中身を見る前に離脱されます。まず効くのは画像の最適化。今日、売れ筋の1ページからで構いません。

いま何が起きているか

お客さんは、待つのが苦手です。とくにスマホで見ているとき、ページがすぐ表示されないと、内容を確かめる前に指が「戻る」に伸びます。

ここで効いてくるのが表示速度とCVR(購入率)の関係です。Googleは、ページの読み込みが1秒から3秒に延びると直帰率(すぐ帰る割合)が大きく上がると公表しています。つまり、何秒で開くかは、商品の良し悪し以前に、見てもらえるかどうかを左右する入口なのです。

そして、ECサイトを重くしている最大の犯人は、たいてい画像です。きれいに見せたい一心で、撮ったままの大きな写真をそのまま載せている——それが、知らないうちに離脱を生んでいます。

ページの読み込み時間が延びるほど離脱が増える様子を示す概念図
読み込みが延びるほど、中身を見る前に帰る人が増える。重さの主因はたいてい画像。

具体例:画像を軽くするだけで、待ち時間はここまで縮む

数字で見ると、画像の重さがどれだけ効くか分かります。

やることは難しくありません。①横幅を表示に必要なサイズ(スマホなら横1000px前後で十分なことが多い)に縮める、②JPEG/WebPなどで圧縮する。この2つだけで、見た目をほとんど落とさずに容量を大きく減らせます。

※ 数字は説明用の一例です。実際の容量や効果は、写真の内容やお店の環境で変わります。まずは自分のページが何MBあるかを測るところから始めてください。

軽くするために、今日触れる4か所

画像のほかにも、手をつけやすい箇所があります。効果が出やすい順に並べました。

#場所やることなぜ効くか
1画像表示サイズに縮小+圧縮(WebP化)重さの主因。いちばん効く
2画像の読み込み下の方の画像を「遅延読み込み」にする最初の表示が速くなる
3アプリ・タグ使っていないアプリ/計測タグを外す裏で動く処理が減る
4動画・装飾自動再生動画や重い演出を見直す派手さより速さを優先

ポイントは、全部を一度にやろうとしないこと。まずは①の画像だけで、体感が変わるページは少なくありません。カートシステム(BASE・Shopify・楽天など)によっては、アプリや設定で画像を自動圧縮してくれる機能もあります。自分の環境でできる範囲から、で十分です。

あなたへの影響

明日やること

  1. 売れ筋の商品ページをスマホで開き、表示されるまで心の中で「いち、に、さん」と数える。3秒以上かかるなら要改善のサイン。
  2. そのページのいちばん大きい画像を1枚、横幅を縮めて圧縮し、差し替えてみる(無料の画像圧縮ツールでOK)。
  3. 使っていないアプリ・計測タグがないか管理画面を見て、1つでも外せそうなら外す。

ページの重さは、目に見えないぶん放置されがちです。でも、お客さんは確かにそれを感じて、静かに帰っています。今日、いちばん大きな1枚の画像を軽くするだけで、その「静かな離脱」は減らせます。まずは1ページ、開く速さを取り戻してみませんか。

軽くなったECサイトがすっと表示され、買い物を楽しむ人

チェックリスト

関連テンプレート・無料ツール

あなたの商品ページは、何秒で開いていますか。気になるページを見せていただければ、無料診断で「重さの原因」を3つお返しします。

</content> </invoke>