自分の店のホームページを、Wi-Fiを切ったスマホで開いてみたことはありますか。店の中は快適なWi-Fi環境でも、お客様が見るのは移動中の電波です。トップの写真が出るまでに5秒かかれば、多くの人はその前に戻ります。表示速度の改善というと専門的に聞こえますが、店舗サイトで効くのは画像・フォント・不要な機能の3点がほとんどで、しかも大半は追加費用なしで手をつけられます。この記事はQ&A形式で、順番に進められる形にまとめました。
Q1. そもそも何秒なら合格ですか?
ひとつの目安として、スマホでメインの画像が表示されるまで2.5秒以内が良好とされています。これはCore Web VitalsのLCP(最大コンテンツの描画)という指標の基準です。4秒を超えると改善が必要な水準と見なされます。
ただし、これはあくまで指標上の話です。実務的には「自分が客だったら待てるか」という感覚のほうが役に立ちます。店の場所を調べたいだけの人にとって、5秒はかなり長い時間です。
Q2. どうやって計測すればいい?
無料で使えるものが揃っています。
| ツール | 分かること | 使いどころ |
|---|---|---|
| PageSpeed Insights | スコアと具体的な改善提案 | まずここ。URLを入れるだけ |
| Search Console のウェブに関する主な指標 | 実ユーザーの実測値 | サイト全体の傾向を見る |
| スマホの実機で開く | 体感 | 数値より説得力がある |
PageSpeed Insightsを使うときの注意点をひとつ。必ずモバイルのタブを見てください。パソコンのスコアだけ見て「90点あるから問題ない」と判断してしまうケースが多いのですが、モバイルは40点台ということが珍しくありません。店舗サイトの訪問者は圧倒的にスマホです。
Q3. 何から手をつけるべき?
PageSpeed Insightsの提案は項目が多く、全部やろうとすると挫折します。効果と手間の比率で並べると、優先順位はこうなります。
- 画像の軽量化:店舗サイトの重さは、8割方これが原因です
- 使っていない機能・プラグインの削除:残っているだけで読み込まれます
- Webフォントの絞り込み:日本語フォントは容量が大きい
- 動画の自動再生をやめる:トップの背景動画は体感速度を大きく落とします
- サーバーの見直し(ここから先は費用が発生します)
逆に後回しでいいのは、CSSやJavaScriptの細かい最適化です。専門知識が要るわりに、店舗サイト規模では改善幅が小さいことが多い領域です。
Q4. 画像はどう直すのが正解?
やることは3つだけです。
1. サイズを実寸に合わせる
デジカメやスマホで撮った写真は、横4000ピクセルを超えることがあります。サイトで表示されるのは横1200ピクセル程度なので、それ以上の解像度は無駄な重さです。トップの大きな画像で横1600、記事内の写真で横1000程度を目安にリサイズします。
2. WebP形式に変換する
JPEGと比べて同じ見た目でファイルサイズを小さくできる形式です。無料の変換ツールが多数あり、CMSによっては自動変換のプラグインもあります。
3. 遅延読み込みを有効にする
画面外の画像を後から読み込む設定です。多くのCMSでは標準機能かプラグインで対応できます。
写真を50枚載せているギャラリーページが極端に重い、というのは非常によくあるパターンです。まずそのページの画像を全部リサイズするだけで、体感がはっきり変わります。
Q5. フォントとプラグインは?
日本語のWebフォントは、欧文と比べて文字数が桁違いに多いぶん容量も大きくなります。ウェイト(太さ)を4種類も5種類も読み込んでいると、それだけで読み込みが遅れます。使うウェイトを2〜3種類に絞るだけで軽くなります。
プラグインは、「入れたけれど使っていない」ものが必ず残っています。SNS連携、スライダー、アクセス解析の重複——棚卸しして、使っていないものは停止ではなく削除してください。ただし削除前にバックアップを取ること。これだけは省略しないでください。
Q6. 制作会社に頼むべき範囲は?
線引きの目安を挙げます。
- 自分でできる:画像のリサイズと差し替え、不要ページの削除、動画の自動再生停止、フォントのウェイト削減(管理画面から設定できる場合)
- 頼んだほうがいい:テーマ・テンプレートの構造に起因する問題、サーバー移転、キャッシュ設定、コードの最適化
依頼するときは「速くしてください」ではなく、PageSpeed Insightsの結果画面を添えて、直したい項目を具体的に伝えると話が早いです。
もっとも、画像の差し替えは1回やれば終わりではありません。新しい写真を追加するたびにリサイズが必要で、これを続けられるかが実際の分かれ目になります。※当社FACTORでもサイト運用の一環でこの手の作業を引き受けています。宣伝はさておき。自社でやるなら、撮影後に必ずリサイズしてから保存する、という手順をスタッフ間のルールにしてしまうのが確実です。
Q7. 速くしたら集客は増えますか?
正直に書きます。速度改善だけで問い合わせが劇的に増えることは、あまりありません。表示速度は検索順位の要素のひとつではありますが、その影響は内容の質やローカル要因に比べれば限定的です。
では意味がないのかというと、そうではありません。効くのは「せっかく来た人を取りこぼさない」方向です。広告やマップから流入があるのにサイトで離脱されている状態は、集客の入り口を広げる前に塞ぐべき穴です。
つまり優先順位としては、流入がすでにある店ほど速度改善の価値が高い。逆に、そもそもアクセスが月に数十件しかないサイトなら、速度より先に手をつけるべきことがあります。自店がどちらの状況かで判断してください。
よくある質問
表示速度のスコアは何点あれば十分ですか?
WordPressの高速化プラグインを入れれば解決しますか?
画像をリサイズすると画質が落ちませんか?
まとめ
店舗サイトの表示速度改善は、専門的な最適化に踏み込む前にやれることがまだ残っています。まずPageSpeed Insightsをモバイルタブで確認し、画像のリサイズとWebP化、使っていないプラグインの削除、フォントのウェイト削減。ここまでは費用をかけずに進められます。そして忘れがちなのが継続で、新しい写真を追加するたびに元サイズのまま置いていけば元に戻ります。撮影後にリサイズしてから保存する、という手順をルールにしてしまうのが結局いちばん効きます。
NEXT ACTION
この記事の知見を、貴店の運用改善に落とし込みませんか?
読んで終わりにせず、まず現状を数字で把握するところから。FACTORが無料でお手伝いします。
- ✓AI無料診断(30秒)— 店舗名を入れるだけで改善施策案がその場でわかる
- ✓30分無料相談 — GBPと競合の状況をプロと一緒に確認(売り込みなし)
- ✓1エリア1業種限定 — 貴店の競合とは契約しません(先着順)