お役立ちコラム

COLUMN

  1. ホーム
  2. コラム
  3. サイト表示速度の重要性|0.5秒の遅延が離脱とSEO順位を変える理由と改善法

サイト表示速度の重要性|0.5秒の遅延が離脱とSEO順位を変える理由と改善法

「自社サイト、なんとなく重い気がする」——その違和感は、集客と売上を確実に削っているサインかもしれません。

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」。

 

MAIL MAGAZINE

ホームページ・ECサイト運用に関する
情報をメルマガで配信中!

WEB担当者様向けのお役立ち情報を
無料でご案内しております。
登録は下記フォームから!


お問い合わせ

CONTACT

株式会社デザイントランスメディアは、通販コンサルティング / ホームページ制作・WEB制作、ECサイト/ 通販システム開発など、WEB戦略を
トータルで支援する福岡のWEB制作・コンサルティング・マーケティング会社です。

WEBマーケティング戦略立案、集客、WEBコンサルティング、サイト分析でお困りの際はお気軽にご相談ください。

成果報酬でのご提案、補助金を利用したサイトの制作も行っております。

お電話からのご相談はこちら

092-832-1133

受付時間:10:00 - 19:00(土・日・祝日を除く)

フォームからのご相談はこちら

会社案内資料ダウンロード