最も退屈だが、最も稼げるトピック
わかっています。サイトの表示速度。地味ですよね。誰もワクワクしません。店舗オーナーは新しいデザインやFacebook広告キャンペーン、新商品について話したがります。「読み込み速度について話そう」なんて言ってくる人は一人もいません。
しかし、Shopifyストアの運営に長年携わってきた経験から、自信を持って言えることがあります。速度改善は、投資に対するリターンが最も大きい施策です。リニューアルよりも、広告予算の追加よりも、他のどんなことよりも効果があります。
知っておくべき数字
Googleの有名な研究によれば、読み込み時間が1秒から3秒に増えると、離脱率は32%上昇します。1秒から5秒なら？90%です。
問題は離脱だけではありません。Googleは「Core Web Vitals」という指標でサイトのパフォーマンスを測定しています。これは、メインコンテンツがどれだけ早く表示されるか、ページがどれだけ安定しているか（ガタつかないか）、クリックにどれだけ素早く反応するかという指標です。これらの指標はGoogle検索順位に直接影響します。サイトが遅い＝検索順位が下がる＝トラフィックが減る＝売上が減る、という悪循環です。ほとんどの店舗でトラフィックの70%以上を占めるモバイルでは、この問題はさらに深刻です。
商品に触れず売上を40%伸ばす方法
あるクライアントが私のもとに「どうすれば売上が上がるのか？」と相談に来ました。彼はキャンペーンや割引、新商品など、あらゆることを試していました。トラフィックはそこそこあるのに、コンバージョンが低かったのです。
私が最初にしたことは？サイトの速度チェックです。モバイルのスコアは低く、ページの読み込みも遅い状態でした。モバイルユーザーは完全な表示まで5秒以上待たされていました。
私たちは徹底的に改善しました。使っていないのにスクリプトを読み込んでいたアプリを削除し、画像を圧縮し、テンプレートコードを改善しました。ファーストビューの下にある画像に「lazy loading（遅延読み込み）」を実装し、不要なCSSとJavaScriptを整理しました。
どれも地味な作業です。デザインは1ピクセルも変わりませんでした。
結果：翌四半期の売上が40%増加しました。同じトラフィック、同じ商品、同じ価格。変わったのは、顧客が途中で離脱しなくなったことだけです。
月に数万円の価値がある動画の話
別の例です。あるアメリカのクライアントのShopifyストアは、本当に美しいデザインで、各ページに高品質な製品動画がありました。問題は、その動画が重すぎたことです。商品ページ一つ一つが数十メガバイトもありました。
クライアントは「最高のコンテンツに投資したのに」と、なぜ遅いのか理解できていませんでした。確かにコンテンツは素晴らしかった。問題は内容ではなく、フォーマットでした。
私たちがしたことは、視覚的な品質を落とさずに動画を軽量なフォーマットに変換すること。そして、ページを開いた瞬間ではなく、ユーザーがスクロールしてきた時に読み込まれるよう「lazy loading」を追加しました。サムネイル画像も軽量化しました。
少し時間はかかりましたが、シンプルな作業です。結果として読み込み時間は50%以上短縮され、数週間後には注文数に明確な改善が見られました。
Shopifyストアが遅くなる原因
これまでの多数の最適化作業から、常連の犯人たちを紹介します：
使っていないアプリ：これが一番の理由です。Shopifyのアプリは、インストールするたびにコードが追加されます。削除してもコードが残っている場合があります。15個もインストールされているのに、実際に使っているのは4つだけ、というストアをよく見かけます。残りはただの重荷です。
重い画像：カメラで撮ったままの写真は5〜10メガバイトもあります。アップロード前に圧縮が必要です。ShopifyではWebP形式が標準であり、自動変換されますが、元のサイズが大きいと処理時間が長くなります。
ストア内に直接保存した動画：Shopifyサーバー上の動画＝重いページ。YouTubeやVimeoでホストし、埋め込むのが賢明です。そうすれば、サーバーへの負荷を分散できます。
重いテンプレートコード：有料・無料を問わず、多くのテーマには使わない機能（スライダー、アニメーション、エフェクトなど）が詰め込まれています。それぞれがページごとにコードを追加します。
カスタムフォント：Google Fonts以外やシステムフォント以外のフォントは、読み込みのたびにネットワークリクエストを発生させ、重くなります。
ポップアップやレビューなどのサードパーティアプリ：サイトを開いた瞬間のポップアップ、レビューウィジェット、チャット機能など、それぞれが個別のスクリプトを読み込みます。「本当にこれら全てが必要か？」を問い直す価値があります。
古いテーマ：あまり知られていないことですが、Shopifyは「Online Store 2.0」という新しいテーマシステムに大幅アップグレードしました。「Dawn」「Horizon」「Refresh」などの新しいテーマは、この新しいアーキテクチャで構築されており、以前のものより遥かに高速です。2022年以前のテーマを使っているなら、それが遅さの原因かもしれません。
サイト速度のチェック方法（無料・技術不要）
開発者でなくてもチェックできます。無料のツールが3つあります：
Google PageSpeed Insights — URLを入れるだけで、モバイルとデスクトップのスコア（0〜100）が出ます。モバイルで50以下なら問題ありです。70以上なら普通、90以上なら優秀です。Core Web Vitalsの指標と、何を直すべきかの具体的なリストも表示されます。
GTmetrix — より技術的な詳細を教えてくれます。各ページがどれくらい重いか、何回リクエストが発生しているか、何が時間を食っているかが正確にわかります。サイトの「重さ」を把握するのに最適です。
Shopifyの速度レポート — 管理画面の「Online Store（オンラインストア）」＞「Themes（テーマ）」の中に、組み込みの速度スコアボタンがあります。Googleよりも簡潔ですが、全体像を把握でき、同業他社との比較も可能です。
私からのアドバイス：トップページだけでなく、一番人気の商品ページもチェックしてください。トップページは速くても、商品ページは画像やアプリのせいで遅いというケースがよくあるからです。
自分でできる改善策（開発者不要）
今日から店舗オーナーができることはいくつかあります：
使っていないアプリを削除する。管理画面の「Apps」リストを見て、それぞれに問いかけてください。「この1ヶ月で使ったか？」使っていないなら、削除です。
アップロード前に画像を圧縮する。TinyPNGやSquooshといった無料ツールを使いましょう。画像をアップし、ツールでサイズを減らしてダウンロードし、Shopifyにアップロードします。1枚30秒で終わります。
トップページのスライダーを外す。大きな画像を5枚並べたスライダーは綺麗に見えますが、ほとんどの人は最初の1枚しか見ません。1枚の強力な画像の方が読み込みも速く、コンバージョンも良い傾向にあります。
動画をYouTubeに移す。Shopifyに直接アップロードせず、YouTubeにアップして埋め込みましょう。これでかなりの軽量化になります。
開発者が必要なとき
上記で改善しますが、時には問題がより深い場合があります。アプリを削除し、画像を圧縮してもスコアが低いなら、コードに手を加える必要があります。
開発者が必要な作業：削除したアプリの残骸コードの整理、テンプレートコードの最適化、正しいlazy loadingの設定、Critical CSSの改善、より効率的な画像・動画フォーマットへの移行などです。
巨大なプロジェクトではありません。多くの場合、数時間の集中的な作業で即効性のある結果が得られます。
結論
サイトの速度は単なる機能ではありません。追加オプションでもありません。すべてが成り立つための基盤です。最高のキャンペーンを打っても、顧客がサイトに到着して3秒で離脱してしまっては意味がありません。
良いニュースは、速度改善のほとんどが一度きりの作業だということです。一度投資すれば、長期間その成果を享受できます。
何がストアを遅くしているのか知りたいですか？私がサイトをチェックし、短い通話で明確な現状をお伝えできます。義務もありませんし、難しい言葉も使いません。ただ数字を見て、どうするか決めるだけです。
