サイト表示速度とは？なぜUXとSEOの両方に影響するのか

はじめに

「Webサイトが遅い」という問題は、訪問者の体験を悪化させるだけでなく、検索順位にも直接影響します。2021年にGoogleがCore Web VitalsをSEOのランキング要因として採用して以降、表示速度は「ユーザー体験の問題」から「ビジネス競争力の問題」へと位置づけが変わりました。

本記事では、サイト表示速度の定義・なぜ重要なのか・UXとSEOそれぞれへの影響・速度が遅くなる主な原因を解説します。

サイト表示速度とは

サイト表示速度とは、ユーザーがURLにアクセスしてからWebページのコンテンツが表示されるまでにかかる時間です。

ただし「表示速度」は単一の指標ではなく、「何が・いつ表示されるか」によって複数の側面から評価されます。

TTFB（Time to First Byte）：ブラウザがサーバーにリクエストを送ってから最初のバイトを受け取るまでの時間。サーバーの応答速度を示す。

FCP（First Contentful Paint）：ブラウザが最初のテキストや画像を描画するまでの時間。「何かが表示された」という最初の体験。

LCP（Largest Contentful Paint）：ページの最も大きなコンテンツ要素（ヒーロー画像・見出し等）が表示されるまでの時間。Core Web Vitalsの主要指標。

INP（Interaction to Next Paint）：ユーザーが操作（クリック・タップ等）してから画面に反応が現れるまでの時間。

CLS（Cumulative Layout Shift）：ページ読み込み中にコンテンツが予期せず動く量（レイアウトシフト）。

ユーザー体験（UX）への影響

直帰率との関係

Googleの調査によれば、ページの読み込み時間が1秒から3秒に増えると直帰率が32%増加し、1秒から5秒では直帰率が90%増加します。ユーザーは遅いページを待てない——これはスマートフォンが普及した現代においてより顕著な傾向です。

コンバージョン率への影響

Amazonは100ミリ秒（0.1秒）の遅延で売上が1%減少すると報告しています。Walmartは1秒の表示速度改善でコンバージョン率が2%向上したという事例もあります。ECサイト・SaaSのトライアル申込・問い合わせフォームなど、あらゆるコンバージョンポイントに表示速度は影響します。

モバイルでの影響が特に大きい

日本のWebアクセスの60〜70%はモバイル端末からです。モバイルはPC と比べてCPUパワー・メモリが限られており、通信速度も状況によって変動します。PCで速くても、モバイルで遅いサイトは多数の訪問者に悪いUXを提供していることになります。

SEO（検索順位）への影響

Core Web VitalsのSEOランキング要因化

2021年6月、GoogleはCore Web Vitals（LCP・INP・CLS ※旧FIDは2024年3月にINPへ移行）をPage Experienceシグナルとしてランキング評価に組み込みました。

Google自身の位置づけは「コンテンツの関連性が最優先、Core Web Vitalsはその後の差別化要因」であり、John Muellerも「タイブレーカー以上だが、関連性に取って代わるものではない」と発言しています。

第三者調査では影響度の評価が分かれます。Perficientの調査（6業界・1,188キーワード）は「大きな要因ではない」というGoogleの説明を裏付け、SISTRIXの調査は要件充足ページが平均+1ポイント、非充足ページが-3.7ポイントという相関を示しつつも、因果関係の確証はないとしています。

結論：「決定因子」は言い切りすぎで、「差別化要因になりうる」が実態に近い表現です。

Googlebotのクロール効率

Googlebotには各サイトに割り当てる「クロールバジェット（一定期間のクロール量）」があります。応答が遅いサイトはGooglebotが効率的にクロールできず、新しいコンテンツのインデックスが遅れる可能性があります。大規模なサイトほどこの影響が顕著です。

間接的な影響：ユーザー行動シグナル

Googleはユーザーの検索行動（クリックして戻ってくる「ポゴスティッキング」等）を評価シグナルとして利用していると考えられています。遅いサイトで離脱が増えると、この間接的なシグナルが悪化する可能性があります。

表示速度が遅くなる主な原因

原因1：最適化されていない画像

画像はWebページのデータ量の最大の要因であることが多いです。圧縮されていない高解像度の画像・適切でないフォーマット（JPGをWebPに変換していない等）・表示サイズに対して大きすぎる画像が、読み込み時間を増加させます。

原因2：レンダリングをブロックするリソース

ページのHTMLを描画する前に、ブラウザがCSSやJavaScriptファイルを読み込む必要がある場合、これらが「レンダリングブロック」となって表示が遅くなります。

原因3：サーバーの応答速度（TTFB）

サーバーのスペック不足・レンタルサーバーの共用環境での混雑・データベースクエリの非効率性などが、TTFBを増加させる原因になります。WordPressのような動的CMSでは特に影響が大きいです。

原因4：CDNを使っていない

CDN（コンテンツデリバリーネットワーク）を使わないと、すべてのアクセスが同一のサーバーに集中し、地理的に離れたユーザーへの配信に時間がかかります。東京のサーバーに大阪・北海道・海外からアクセスする場合、物理的な距離が遅延を生みます。

原因5：過剰なプラグイン・スクリプト

WordPressでは多数のプラグインが各々のCSS・JavaScriptを読み込み、累積的にページサイズと処理量を増大させます。使われていないコード・重複するライブラリも問題になります。

原因6：フォントの読み込み問題

Googleフォント等の外部フォントを適切に設定しないと、フォントが読み込まれるまでテキストが表示されなかったり（FOIT）、フォント切り替えでレイアウトシフト（CLS）が発生したりします。

「速い」サイトと「遅い」サイトの差はどのくらいか

PageSpeed InsightsのスコアはLighthouseという計測ツールに基づいており、0〜100点で評価されます。

最適化されていないWordPressサイトのモバイルスコアは30〜50台になることが多いです。Next.js＋Vercelで適切に構築されたサイトは80〜95台を安定して維持できます。この差は「同じコンテンツでも、技術スタックによってUXとSEOの競争力が根本的に異なる」ことを示しています。

まとめ

サイト表示速度は「遅いと不便」というユーザー体験の問題であるとともに、直帰率・コンバージョン率・SEO順位という3つのビジネス指標に直接影響するものです。

GoogleのCore Web VitalsをSEOランキング要因として採用したことで、表示速度の最適化は「技術的な改善」から「ビジネス戦略の一部」になりました。

次の記事では、Core Web VitalsのLCP・INP・CLSの3指標を詳しく解説します。