ページを開いてから表示されるまで、何秒かかっていますか。
読み込みに時間がかかるサイトは、その時点で訪問者を失っています。特にスマートフォンからのアクセスでは影響が大きく、内容を見てもらう前に離脱されるという、最も避けたい損失が発生します。
この記事では、速度を測る方法と、費用対効果の高い順に改善策を解説します。多くの場合、原因は1つに集約されます。
この記事で分かること
- Core Web Vitalsの3指標が何を測っているのか
- 無料で速度を測定する方法
- 改善の優先順位（画像対応だけで大半は解決します）
- WordPressサイト特有の対処法
遅いと何が起きるか
- 離脱が増える：表示を待たずに戻られる。読み込みが数秒延びるだけで影響が出ます
- 問い合わせが減る：フォームページが遅いと、送信前に離脱されます
- 検索評価に影響する：ページ体験は検索順位の要素の一つとされています
- 広告の効率が落ちる：クリック課金の広告では、遅さがそのまま費用の無駄になります
特に影響が大きいのは、電波状況の悪い場所からのスマートフォンアクセスです。オフィスの光回線で確認して「速い」と判断するのは危険です。
Core Web Vitalsの3指標
Googleが定めた、ページ体験を測る指標です。名前を覚える必要はありませんが、何を測っているかは知っておくと改善の方向が分かります。
| 指標 | 測っているもの | 良好とされる目安 | 主な原因 |
|---|---|---|---|
| LCP | 主要なコンテンツが表示されるまでの時間 | 2.5秒以内 | 画像が重い、サーバーが遅い |
| INP | クリックなどの操作への反応の速さ | 200ミリ秒以内 | JavaScriptの処理が重い |
| CLS | 表示中にレイアウトがずれる量 | 0.1以下 | 画像サイズの未指定、広告の後読み |
CLSは体感として分かりやすい指標です。ボタンを押そうとした瞬間に画像が読み込まれて位置がずれ、別のリンクを押してしまう——あの現象です。
中小企業のサイトで問題になるのは、圧倒的にLCPです。そしてその原因のほとんどは画像です。
測定方法
| ツール | 特徴 |
|---|---|
| PageSpeed Insights | URLを入れるだけ。改善提案まで表示される。まずはこれ |
| Search Console | 「ウェブに関する主な指標」で、実際の訪問者のデータを見られる |
| ブラウザの開発者ツール | どのファイルが重いかを特定できる |
まずPageSpeed Insightsで、トップページと、アクセスの多い下層ページを1〜2枚測ってください。必ずモバイルのスコアを見ます。PCのスコアは高く出やすく、実態を反映しません。
スコアが50を下回っていれば、改善の余地は大きい状態です。ただしスコア100を目指す必要はありません。後述します。
改善の優先順位
| 順位 | 対策 | 効果 | 費用 |
|---|---|---|---|
| 1 | 画像の最適化 | 大 | 0〜10万円 |
| 2 | 不要なプラグインの削除 | 中〜大 | 0〜5万円 |
| 3 | キャッシュの導入 | 中〜大 | 0〜10万円 |
| 4 | サーバーの見直し | 中 | 月額差額 |
| 5 | 不要なスクリプトの整理 | 中 | 5万〜20万円 |
| 6 | テーマの見直し・作り直し | 大 | 数十万円〜 |
1から順に試してください。いきなり6のテーマ作り直しを提案されたら、それより先にやることがないかを確認すべきです。
画像の最適化が9割
表示が遅いサイトの原因は、ほぼこれです。デジタルカメラやスマートフォンで撮影した画像を、そのままアップロードしているケースが非常に多くあります。
| 対策 | 内容 |
|---|---|
| サイズを適正化する | 表示幅が800pxなら、4000px幅の画像は不要。1600px程度で十分 |
| 圧縮する | 見た目を保ったままファイル容量を減らす。無料ツールで可能 |
| 次世代フォーマットを使う | WebPなど。同じ画質で容量を大きく減らせる |
| 遅延読み込み | 画面外の画像を、スクロールされるまで読み込まない |
| 幅と高さを指定する | レイアウトのずれ（CLS）を防ぐ |
目安として、1枚あたり200KB以下を目標にしてください。写真主体のページでも、500KBを超える画像が並んでいれば見直しの対象です。
WordPressなら、画像圧縮プラグインを入れて既存画像を一括変換するだけで、数時間の作業でスコアが大きく改善することがあります。最も費用対効果の高い施策です。
今後の運用ルールも決めてください。「アップロード前に長辺1600px以内・200KB以下にする」という一文を、更新マニュアルに入れておくだけで再発を防げます。
WordPress特有の対処
不要なプラグインを削除する
プラグインは、それぞれがCSSやJavaScriptを読み込みます。使っていないプラグインは、無効化ではなく削除してください。速度だけでなく、セキュリティ面でも効果があります。
目安として、有効なプラグインが20個を超えていれば見直しの余地があります。機能が重複しているものはないか確認してください。
キャッシュを導入する
毎回ページを組み立てるのではなく、生成済みのページを配信する仕組みです。多くのレンタルサーバーがサーバー側の機能として提供しており、管理画面から有効にするだけの場合もあります。
ただしキャッシュは更新が反映されないというトラブルの原因にもなります。導入後は、記事を更新して正しく反映されるかを必ず確認してください。
PHPのバージョンを上げる
古いPHPは処理速度が遅く、セキュリティ面でもリスクがあります。サーバー管理画面から変更できますが、プラグインやテーマが対応していないと壊れることがあります。手順はバージョンアップでサイトが壊れたときの対処をご覧ください。
やりすぎに注意
PageSpeed Insightsのスコア100を目指す必要はありません。
スコアを追いすぎると、次のような弊害が出ます。
- 画像を圧縮しすぎて、写真の品質が落ちる
- 必要な機能まで削ってしまう
- 高速化プラグインを複数入れて、かえって不具合が出る
- 投資に見合わない工数がかかる
実務的な目標はモバイルスコア50以上、体感で3秒以内に主要な内容が表示されることです。ここを超えたら、速度より内容の改善に投資したほうが成果につながります。
写真の美しさが価値になる業種（飲食店、工務店、美容など）では、画質を落としてまでスコアを上げるのは本末転倒です。
費用の目安
| 作業 | 費用 |
|---|---|
| 現状測定・診断レポート | 3万〜10万円 |
| 画像の一括最適化 | 3万〜15万円 |
| プラグイン整理・キャッシュ導入 | 5万〜15万円 |
| スクリプトの読み込み最適化 | 10万〜30万円 |
| テーマの改修 | 30万円〜 |
画像の最適化までなら、自社でも取り組めます。まず無料でできる範囲を試し、それでも改善しない場合に依頼するのが合理的です。
よくある質問
Q. スコアが30台です。作り直すべきですか？
まず画像を確認してください。スコアが極端に低いサイトの多くは、数MBの画像が並んでいます。それを直すだけで50〜70台になることは珍しくありません。作り直しの判断はその後です。
Q. 高速化プラグインを入れれば解決しますか？
効果はありますが、設定を誤ると表示が崩れます。特に複数の高速化プラグインを同時に使うと不具合が起きやすくなります。導入後は全ページの表示とフォーム送信を確認してください。
Q. サーバーを変えれば速くなりますか？
効果はありますが、画像やプラグインの問題を放置したままサーバーを変えても、劇的には改善しません。順序としては、画像・プラグインの整理が先です。それでも遅い場合にサーバーを検討してください。
Q. 速度を上げれば検索順位は上がりますか？
速度は要素の一つですが、決定的なものではありません。内容が伴っていなければ、速くしても順位は上がりません。ただし極端に遅い状態は明確なマイナスなので、下限を超えることには意味があります。
まとめ
- 測定はPageSpeed Insightsのモバイルスコアを見る
- 遅さの原因はほぼ画像。1枚200KB以下を目標に
- 次に不要なプラグインの削除とキャッシュの導入
- テーマの作り直しは最後の手段
- スコア100は目指さない。50以上・体感3秒以内で十分
- 運用ルールとして「アップロード前に画像を縮小する」を決める
速度改善は、投資額のわりに効果が見えやすい施策です。まず画像から着手してください。
