「自社サイト、なんとなく重い気がする」——その違和感は、集客と売上を確実に削っているサインかもしれません。
TikTokやInstagram Reelsに慣れた今のユーザーは、わずか0.5〜1秒の遅延でも「遅い」と判断し、離脱します。さらにGoogleは表示速度を検索順位の評価指標として公式に採用しており、遅いサイトは「見つけてもらえない」というSEO上の損失も同時に抱えます。
この記事では、表示速度がビジネスとSEOに与える影響、無料での確認方法、そして優先度と工数の目安つきの改善Tipsまでを、EC・Web担当者向けに体系的に解説します。
この記事の要点
- 表示が1秒→3秒に遅くなると直帰率は32%増加(Google/SOASTA調査)
- Googleは2021年からCore Web Vitalsを順位評価に採用。2024年3月にINPがFIDを置き換えた
- まずはPageSpeed Insights(無料)で現状スコアを把握する
- 改善の即効性が高いのは画像最適化とキャッシュ活用
目次
ショート動画時代に変わった「待てない」ユーザー行動
TikTok・Instagram Reels・YouTube Shortsの普及で、ユーザーの体感速度の基準は大きく上がりました。コンテンツが瞬時に切り替わる環境に慣れた人にとって、数秒の読み込みは「壊れている」のと同じ印象を与えます。
Googleと計測企業SOASTAが2017年に発表した調査(モバイル広告ランディングページ約90万件を分析)では、ページの読み込み時間と直帰の関係が次のように示されました。
| 読み込み時間 | 直帰率の増加(1秒を基準) |
|---|---|
| 1秒 | 基準 |
| 3秒 | +32% |
| 5秒 | +90% |
| 6秒 | +106% |
| 10秒 | +123% |
出典:Google/SOASTA Research, 2017(Think with Google「Milliseconds Make Millions」)
注目すべきは、遅延の悪影響が直線ではなく加速度的に大きくなる点です。最初の数秒の差が、最も大きな離脱を生みます。だからこそ「0.5秒の改善」が、体感とビジネス成果の両方で意味を持ちます。
表示速度がSEOに与える影響
Googleは2021年から、ユーザー体験を測るCore Web Vitals(コアウェブバイタル)を検索順位の評価シグナルに採用しています。コンテンツの関連性が依然として最重要である一方、似た品質のページが競合する場面では、表示速度が順位を分ける決定打になります。
Core Web Vitalsの3指標と合格ライン
Core Web Vitalsは、サイトの「読み込み・反応・安定性」を数値化した3つの指標です。
| 指標 | 測定するもの | 「良好」の目安 |
|---|---|---|
| LCP (Largest Contentful Paint) |
最大コンテンツの表示速度(読み込み) | 2.5秒以内 |
| INP (Interaction to Next Paint) |
操作への応答速度(反応性) | 200ミリ秒以内 |
| CLS (Cumulative Layout Shift) |
表示中のレイアウトのズレ(安定性) | 0.1未満 |
【2024年の重要アップデート】 Googleは2024年3月、応答性の指標を旧来のFID(First Input Delay)からINPに置き換えました。FIDが「最初の操作までの待ち時間」しか見なかったのに対し、INPは訪問中のすべての操作の反応速度を評価します。FIDに合格していたサイトでも、INPでは不合格になるケースが多く、現在ウェブ上で最もつまずきやすい指標とされています。FIDを前提にした古い記事や設定は見直しが必要です。
順位への影響で押さえるべきポイント
- 評価は実ユーザーの計測値(フィールドデータ)がベース。訪問の75%が「良好」に達してはじめて合格とみなされます
- モバイル版のスコアが優先して評価されます(モバイルファーストインデックス)
- LCPが遅いと「主要コンテンツが表示されない」と判断され、評価が下がります
- CLSが大きいと、広告・画像のズレで誤タップが発生し、UX評価が悪化します
- 同等のコンテンツなら、スコアの高い競合が上位に来やすくなります
サイト表示速度の確認方法(無料ツール4選)
まずは現状把握から。計測はシークレットモードで行うと、ブラウザキャッシュの影響を排除でき、初回訪問に近い数値が取れます。
① PageSpeed Insights(Google提供・無料)
URLを入力するだけで、Core Web Vitalsとパフォーマンススコア(0〜100)を確認できます。モバイル・PCそれぞれ計測でき、改善すべき項目も具体的に提示されます。スコアの目安は90以上=良好/50〜89=要改善/49以下=不良です。
👉 https://pagespeed.web.dev/
補足:このツールは「実ユーザーのフィールドデータ」と「その場の検証=ラボデータ」の両方を表示します。順位に関わるのは前者なので、改善後はフィールドデータの更新(約28日周期)も追いましょう。
② Google Search Console(無料)
「ウェブに関する主な指標」レポートで、サイト全体のCore Web Vitalsの問題ページを一覧で確認できます。すでに導入済みなら、最初に見るべき場所です。サイトの課題を整理したい方はこちらも参考にしてください。
③ GTmetrix(無料/有料)
ウォーターフォール分析で、画像・JavaScript・CSSのどれが遅延の原因かを時系列で特定できます。「何から直すべきか」の優先順位づけに有効です。
👉 https://gtmetrix.com/
④ Chrome DevTools(Lighthouse)(無料)
ブラウザでF12キー →「Lighthouse」タブから実行します。詳細レポートをその場で生成でき、エンジニアと共有しやすい形式で出力されます。
表示速度の改善Tips(優先度・工数つき)
改善策は「すぐできる」ものから「開発が必要」なものまで幅があります。即効性が高く、工数が小さいものから着手するのが鉄則です。
【優先度:高/工数:数時間〜半日】画像の最適化
最も費用対効果の高い施策。多くのサイトで読み込み時間の大半は画像が占めています。
- 画像をWebP(またはAVIF)形式に変換し、ファイルサイズを大幅に削減
- 実際の表示サイズに合わせてリサイズ(2000px幅の画像を400px枠で使わない)
- WordPressはImagify/Smush/ShortPixelなどのプラグインで自動化可能
- 横幅・高さ属性を指定し、画像由来のCLS(レイアウトズレ)も同時に防止
【優先度:高/工数:数時間】キャッシュの活用
一度読み込んだデータを保存し、再訪問時の体感速度を大きく改善します。
- ブラウザキャッシュの設定(Cache-Control/Expiresヘッダー)
- CDN(コンテンツ配信ネットワーク)の導入で配信距離を短縮
- WordPressはWP Super Cache/W3 Total Cache等で対応可能
【優先度:中/工数:半日〜1日】CSS・JavaScriptの軽量化と遅延読み込み
不要コードを削り、レンダリングのブロックを解消します。
- CSS・JSのミニファイ(余白・コメント除去)
- JSにasync/defer属性を付与し、非同期で読み込む
- 初回表示に不要なスクリプト・画像は遅延読み込み(Lazy Load)
【優先度:中/工数:半日〜】INP(操作の反応速度)の改善
現在最もつまずきやすい指標。原因はほぼJavaScriptにあります。
- チャット・解析・広告などサードパーティ製スクリプトの数を見直す
- 重いページビルダーが大量のJSを生成していないか確認する
- 長時間タスクを分割し、ボタンやフォームの「もたつき」を解消する
【優先度:中/工数:要見積もり】サーバー・ホスティングの見直し
サーバー応答(TTFB)が遅いと、他の施策の効果が頭打ちになります。
- 共有サーバーから、WordPressに最適化されたマネージドホスティングへの移行を検討
- 例:ConoHa WING/エックスサーバー/SiteGround など
【優先度:中〜低/工数:1〜2時間】Webフォントの最適化
Webフォントの多用は、表示の遅延やCLSの原因になります。
font-display: swapでテキスト表示のブロックを回避- 使用するフォントウェイト・字種を必要最小限に絞る
【優先度:低(長期)/工数:要見積もり】プラグイン・テーマの精査
WordPressでは、テーマやプラグインが速度低下の根本原因になっているケースが少なくありません。
- 不要なプラグインを削除(有効化しているだけで負荷になる)
- 高機能テーマから軽量テーマへの移行を検討
- テーマ起因でスコアが20〜30pt下がる例も珍しくありません
よくある質問(FAQ)
Q. 表示速度を改善すると、必ず検索順位は上がりますか?
A. 速度はあくまで複数ある評価要素の一つで、最重要はコンテンツの関連性です。ただし、内容が拮抗する競合間では速度が順位を分ける要因になり、加えて直帰率の低下やコンバージョン率の改善といった効果も同時に得られます。
Q. スコアは何点を目指せばよいですか?
A. PageSpeed Insightsで90以上が理想ですが、まずは「不良(49以下)」からの脱却を優先しましょう。スコアよりも、実ユーザーのフィールドデータでCore Web Vitalsの3指標が「良好」になることがゴールです。
Q. WordPressで最初にやるべき改善は何ですか?
A. 画像の最適化とキャッシュプラグインの導入です。工数が小さく即効性が高いため、最初の一歩に最適です。
Q. プラグインを入れたのに速くなりません。なぜですか?
A. サーバー応答(TTFB)が遅い、テーマ自体が重い、サードパーティスクリプトが多すぎる、などが典型的な原因です。GTmetrixのウォーターフォール分析でボトルネックを特定するところから始めましょう。
まとめ:表示速度は「3つの成果」を同時に動かす
表示速度の改善は、SEO評価の向上・直帰率の低下・コンバージョン率の改善を一度に狙える、費用対効果の高い施策です。大規模な改修が必要なケースもありますが、画像最適化やキャッシュ設定など、今日から着手できる改善も数多くあります。
まずはPageSpeed Insightsで現状スコアを確認するところから。50以下なら改善余地は大きいと考えてよいでしょう。
「スコアは見たが、何から直せばいいかわからない」「優先順位をつけて現実的に進めたい」——
そんなときは、お気軽にお問い合わせください。
サイトの状況をヒアリングし、効果の大きい施策から順にご提案します。
制作・改善の実績はこちら、プランと料金はこちらからご覧いただけます。
※各ツールの仕様・評価基準はGoogleのアップデートにより変更される場合があります。
最新情報はGoogle公式ドキュメント(web.dev)をご確認ください。
出典:Google/SOASTA Research(2017)、Google web.dev「Core Web Vitals」。
