「サイトが重い」は見えないコスト損失である
HPを持っている中小企業の多くが「表示速度」について深く意識していません。 しかし、表示速度はアクセス数・問い合わせ数・売上に直接影響する経営指標です。
Googleが発表したデータによると、モバイルページの読み込みが3秒以上かかると、53%のユーザーが離脱します。 つまり、今あなたのHPに100人がアクセスしても、3秒以上かかっていれば53人はコンテンツを読む前に去ってしまっているということです。 本記事では、表示速度が遅いことのビジネスへの影響と、今すぐできる改善策を実践的に解説します。
1. 表示速度1秒遅れるとどうなる（離脱率・コンバージョン率のデータ）
「遅い気がする」では経営者は動きません。数字で理解することが重要です。
業界別の影響データ
Amazonが実施した内部調査では、表示速度が100ms（0.1秒）遅くなるごとに売上が1%減少するという結果が出ています。 また、Portent社の調査では、ページ読み込みが1秒の場合のコンバージョン率を基準にすると、2秒で39%減、3秒で50%減という急激な落ち込みがあります。
| 表示速度 | 離脱率の傾向 | コンバージョン率への影響 |
|---|---|---|
| 1秒以下 | 約9%（基準値） | 基準 |
| 2秒 | 約22% | −39% |
| 3秒 | 約40% | −50% |
| 5秒 | 約68% | −75%以上 |
| 10秒以上 | 約123%（基準の13倍） | ほぼゼロ |
SEOへの影響
Googleは2021年より「Core Web Vitals（コアウェブバイタル）」をランキング要因の一つとして採用しています。 表示速度が遅いサイトは、コンテンツが優れていても検索順位が下がる可能性があります。 特に以下の3指標が重要です。
- LCP（Largest Contentful Paint）：最も大きなコンテンツが表示されるまでの時間（目標：2.5秒以内）
- FID（First Input Delay）：ユーザーが最初に操作するまでの応答時間（目標：100ms以内）
- CLS（Cumulative Layout Shift）：ページ読み込み中のレイアウトのズレ（目標：0.1以下）
これら3つが「良好」な評価を得ているHPは、Googleに「ユーザー体験が良いサイト」と評価されます。
2. PageSpeed Insightsで自社サイトを測る
まず現状を知ることが改善の第一歩です。 Googleが無料で提供している「PageSpeed Insights（ページスピードインサイツ）」を使えば、自社サイトのスコアと問題点が即座にわかります。
スコアの見方
PageSpeed Insightsは0〜100のスコアで表示速度を評価します。
| スコア | 評価 | 行動指針 |
|---|---|---|
| 90〜100 | 良好（緑） | 現状維持、定期的なチェックを継続 |
| 50〜89 | 改善が必要（オレンジ） | 指摘事項の上位から順に対処 |
| 0〜49 | 不良（赤） | 早急に改善が必要 |
モバイルとPCそれぞれでスコアが表示されます。 現在の閲覧環境はスマートフォンが主流のため、モバイルのスコアを最優先で改善してください。
よく表示される問題の読み方
- 「レンダリングを妨げるリソースの除外」：JSやCSSの読み込みが遅い
- 「適切なサイズの画像」：画像が大きすぎる
- 「次世代フォーマットの画像」：WebPやAVIF形式への変換を推奨
- 「未使用のJavaScriptの削減」：使っていないスクリプトが残っている
これらの指摘事項は、対処の難易度と効果をあわせて確認し、優先順位をつけて対応します。
3. すぐできる高速化対策5つ
PageSpeed InsightsのスコアがPC・モバイルいずれかで50未満の場合は、以下の5つを優先的に対処してください。
対策1：画像の圧縮・WebP化
HPが遅い原因の約60〜70%は「画像ファイルが大きすぎること」です。
- JPEGの圧縮：Squoosh（Google提供の無料ツール）で元ファイルの20〜40%のサイズに圧縮
- WebP形式への変換：同じ画質でJPEGの30〜40%軽量化できる
- 適切なサイズで書き出す：表示サイズが400px幅なら、4000px幅の画像を使わない
実務上のポイント：スマートフォン表示の最大幅は390px程度なので、写真は最大800px幅で書き出せば十分です。
対策2：不要なJavaScriptの削除
HPにチャットボット・ポップアップ・アクセス解析・広告タグなど複数のJSを入れていると、それぞれが読み込みを遅らせます。
- 使っていないサービスのタグを削除する
- 必要なJSは「非同期読み込み（async / defer）」に変更する
対策3：キャッシュ設定
ブラウザキャッシュを設定すると、2回目以降の訪問で読み込みが大幅に速くなります。 レンタルサーバーの管理画面から「キャッシュコントロール」を設定するか、Cloudflareのような無料CDNを使うことで対応できます。
対策4：フォントの最適化
日本語フォントはファイルサイズが数MB〜十数MBと非常に大きく、表示速度の大きな障壁になります。
- Googleフォントの日本語フォントは使い方次第で重い：
font-display: swapを指定することで最初のテキスト表示を遅らせない - フォントのサブセット化：使用する文字だけを抽出した軽量フォントファイルを使う
- システムフォントへの切り替え：ヒラギノ・游ゴシックなどOSデフォルトのフォントを使えばフォント読み込みがゼロになる
対策5：不要なプラグインの削除
CMS（コンテンツ管理システム）を使っている場合、インストールしたまま使っていないプラグインが残っていることがあります。 プラグインは「有効化していなくても」読み込みに影響する場合があるため、不要なものは削除してください。
4. 大規模リニューアル時の選択肢（静的サイトジェネレータ・CDN）
上記の対策をすべて実施してもスコアが改善しない場合、根本的な構造の見直しが必要になります。
静的サイトジェネレータとは
静的サイトとは、サーバー側でHTMLをリアルタイムに生成するのではなく、あらかじめすべてのHTMLを生成しておく方式のサイトです。 サーバーの処理時間がほぼゼロになるため、表示速度が根本的に速くなります。
Astro・Hugo・Nuxtなどのツールが代表的で、PlugDockが採用しているのもこの方式です。 動的な機能が不要な「情報提供型」「問い合わせ受付型」のサイトであれば、静的サイトが最適解です。
CDN（コンテンツデリバリーネットワーク）の導入
CDNは世界中にサーバーを分散させ、アクセスしてきたユーザーに最も近いサーバーからデータを配信する仕組みです。 特に画像・CSS・JSファイルの配信に効果的で、Cloudflare（無料プランあり）やAWSのCloudFrontが代表的です。
| 対策 | 難易度 | 費用 | 効果 |
|---|---|---|---|
| 画像圧縮・WebP化 | 低 | 無料 | 高 |
| キャッシュ設定 | 低〜中 | 無料〜数千円/月 | 中〜高 |
| 不要JS削除 | 中 | 無料 | 中 |
| CDN導入 | 中 | 無料〜数千円/月 | 高 |
| 静的サイトへの移行 | 高（要リニューアル） | HP制作費 | 非常に高 |
5. それでも遅い場合（サーバー移行・CDN導入）
対策を尽くしても速度が改善しない場合、サーバー自体の性能が問題になっている可能性があります。
サーバー移行の判断基準
共有サーバー（複数のサイトが同じサーバーリソースを共有するタイプ）を使っている場合、他のサイトの影響を受けてレスポンスが遅くなることがあります。 PageSpeed InsightsでTTFB（Time To First Byte、サーバーの応答時間）が500ms以上の場合は、サーバー移行を検討してください。
目安として：
- 共有サーバー（格安レンタルサーバー）：月額数百〜1,000円程度
- 高速共有サーバー（エックスサーバー・ConoHa Wingなど）：月額1,000〜3,000円程度
- VPS・クラウドサーバー：月額2,000〜1万円程度
- Vercel・Netlify（静的サイト特化CDN）：小規模なら無料〜
中小企業の情報発信サイトであれば、高速共有サーバーへの移行でほとんどのケースは解決します。
まとめ：表示速度は「見えない集客力」である
HPの表示速度は、コンテンツの品質や広告費と同様に、来客数・問い合わせ数・売上に影響する経営指標です。 PageSpeed Insightsで現状を把握し、画像圧縮・JS削減・キャッシュ設定の3つをまず実施することが最短ルートです。
PlugDockが制作するHPは、静的サイト生成ツールを採用し、PageSpeed Insightsのモバイルスコア90以上を標準として提供しています。 「今使っているHPが遅くて困っている」という場合も、移行相談を受け付けています。 料金プランで費用感を確認して、お問い合わせフォームからご相談ください。