店舗ホームページの表示速度を速くする方法｜重くなる原因と自分でできる対策

表示速度が遅いと何が起きる？（離脱・検索評価・電話）

お客様は「外で、スマホで、急いで」見ている

店舗のホームページは、移動中の電車や店の前、駐車場で開かれることが多く、電波が弱い状況も珍しくありません。数秒待っても画面が白いままだと、お客様は戻るボタンを押して、次のお店を開きます。

特に「〇〇駅 ランチ」のように地域名で探している人は、外出先にいて待ちません。営業時間や電話番号にたどり着く前に離脱されると、ホームページを作った意味がなくなります。地域名検索の考え方は「地域別ガイド」も参考にしてください。

Googleも表示速度を評価に使っている

Googleは、表示速度やページの使いやすさを検索順位の要素の1つとして扱うと公表しています。速いだけで上位に出るわけではありませんが、同じような内容のサイトが並んだときに不利になりやすい要素です。

目安になる数字：Googleが公開している指標

PageSpeed Insightsでは「Core Web Vitals（コア ウェブ バイタル）」という3つの指標が表示されます。

店舗サイトでまず見るべきはLCPです。トップの大きな写真が重いと、この数字が真っ先に悪くなります。

ホームページが重い原因ランキング（店舗サイトで多い順）

原因1：スマホで撮った写真をそのまま載せている

最近のスマホで撮った写真は、1枚で数MBになります。横幅も4,000ピクセルを超えることが多く、スマホの画面（横幅400ピクセル前後）で見るには10倍近く大きすぎます。トップページにこうした写真が5枚あれば、それだけで表示が数秒遅れます。

原因2：InstagramやYouTube、地図の埋め込みが多い

埋め込みは、そのページを開くたびに外部のサービスからデータを読み込みます。Instagramのタイムライン、YouTubeの動画、Googleマップ、SNSのシェアボタン、チャットツールが1ページに並ぶと、画像を軽くしても重いままです。

原因3：プラグインやテーマの機能を盛りすぎている

WordPressで作ったサイトでよくある原因です。使っていないプラグインでも、有効化されていれば読み込みが発生します。多機能なテーマは、使わない機能の分まで重くなります。

原因4：サーバーが遅い

画像も埋め込みも整理したのに遅い場合、サーバーの性能が原因のことがあります。格安の共用サーバーや無料のホームページ作成ツールでは、混雑する時間帯に遅くなることがあります。

自分でできる対策：画像のサイズと圧縮の手順

サイズの目安

「KB（キロバイト）」は容量の単位で、1MBは約1,000KBです。撮ったままの写真が3MBなら、10分の1以下にするのが目標になります。

手順（無料ツールで5分）

1. リサイズ：スマホなら写真アプリの編集機能、パソコンなら標準のプレビュー・ペイントで横幅を縮める
2. 圧縮：「Squoosh」「TinyPNG」などの無料の圧縮ツールで容量を落とす。見た目はほぼ変わりません
3. 形式：可能なら「WebP（ウェブピー）」形式で保存する。JPEGより小さくなりやすい
4. ファイル名：「IMG_1234.jpg」ではなく「gaikan-hiru.jpg」のように内容が分かる名前にする
5. アップロード：差し替え後、スマホで実際に開いて見た目を確認する

WordPressなら、アップロード時に自動で圧縮・WebP変換するプラグインを1つ入れる方法もあります。

すでに載せている画像はどうする？

全部やり直す必要はありません。PageSpeed Insightsの「改善できる項目」に出てくる画像や、トップページ・メニューページの上のほうにある画像から順に差し替えます。上のほうの画像ほど体感速度に影響します。

撮影の段階で「載せる用途を決めておく」と、後の作業が減ります。撮り方は「スマホで撮る店舗写真の撮り方」を参考にしてください。

埋め込み・プラグイン・サーバーの見直し方

埋め込みは「1ページに1つ」、残りはリンクと画像にする

• Instagram：タイムラインの埋め込みをやめ、投稿の写真を3枚ほど載せて「Instagramを見る」ボタンにする
• YouTube：動画の埋め込みはサムネイル画像＋リンクに変え、再生したい人だけが開く形にする
• Googleマップ：アクセスページだけに埋め込み、他のページは「地図を開く」リンクにする
• シェアボタン・チャット：使われているか確認し、使われていなければ外す

埋め込みを減らしても、お客様の行動はほとんど変わりません。「見たい人がタップすれば見られる」状態で十分です。

プラグインの棚卸し（WordPressの場合）

1. プラグイン一覧を開き、「何のために入れたか」を1つずつ書き出す
2. 分からないもの・使っていないものは、まず「停止」して1週間様子を見る
3. 問題がなければ削除する
4. キャッシュ（表示を速くする仕組み）系のプラグインは1つだけにする。複数入れると逆に不具合の原因になります

作業前には必ずバックアップを取ってください。不安な場合は、制作会社や保守を頼んでいる会社に相談するほうが安全です。

サーバーを見直す判断基準

• 画像と埋め込みを整理しても、PageSpeed Insightsの「サーバー応答時間」の指摘が消えない
• 管理画面の操作自体が遅い
• 夜など特定の時間帯だけ遅くなる

無料のホームページ作成ツールは、サーバーを自分で選べない場合があります。制約の考え方は「無料ホームページ作成ツールのデメリット」にまとめています。サーバー費用を含む維持費の全体像は「ホームページの維持費」も参考にしてください。

PageSpeed Insightsでの確認方法と、制作会社への伝え方

確認の手順

1. 検索で「PageSpeed Insights」を開き、自店のホームページのURLを入力して分析する
2. 結果は「携帯電話」と「デスクトップ」に分かれるので、「携帯電話」を見る
3. 上のスコア（0〜100）より、下に出る「改善できる項目」を読む
4. 「適切なサイズの画像」「次世代フォーマット」「使用していないJavaScript」などの項目が、直すべき箇所

トップページだけでなく、メニューページ・アクセスページも測ってください。画面の表記は変わることがあります。

点数に一喜一憂しない

スコアは測るたびに数点変動します。目標は満点ではなく、「携帯電話」で改善できる項目が減ることと、自分のスマホで開いて待たされないことです。月1回測る習慣をつけると、重くなった原因（新しく載せた画像など）に早く気づけます。

スマホでの見え方全般は「店舗ホームページのスマホ対応」で詳しく解説しています。

制作会社に依頼するときに伝えること（テンプレート）

PageSpeed Insightsの携帯電話のスコアが〇点で、「適切なサイズの画像」「使用していないJavaScript」の指摘が出ています。トップページとメニューページを優先して、画像の最適化と不要な読み込みの整理をお願いできますか。費用と、月額の保守に含まれる範囲を教えてください。

「遅いので何とかして」より、測った結果と優先ページを添えたほうが、見積りも作業も早く進みます。月額制のサービスでは、こうした修正や画像の差し替えが月額に含まれることがあります。HARE PAGE 店舗の場合、公開後の修正・変更とサーバー・ドメイン・SSLは月額に含まれます。

よくある質問

まとめ