# サイト表示速度とは？なぜUXとSEOの両方に影響するのか 元のページ: サイト表示速度の改善方法｜Core Web Vitals対策ガイド サイト表示速度とは何か、なぜUXとSEOの両方に影響するのかを解説します。直帰率・CV率・Core Web Vitalsのランキング要因としての位置づけ・速度が遅くなる6つの原因をまとめています。 ## **はじめに** 「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点で評価されます。 | **スコア** | **評価** | **LCPの目安** | | - | - | - | | 90〜100 | 良好（緑） | 2.5秒以下 | | 50〜89 | 要改善（オレンジ） | 2.5〜4.0秒 | | 0〜49 | 低速（赤） | 4.0秒以上 | 最適化されていないWordPressサイトのモバイルスコアは30〜50台になることが多いです。Next.js＋Vercelで適切に構築されたサイトは80〜95台を安定して維持できます。この差は「同じコンテンツでも、技術スタックによってUXとSEOの競争力が根本的に異なる」ことを示しています。 ## **まとめ** サイト表示速度は「遅いと不便」というユーザー体験の問題であるとともに、直帰率・コンバージョン率・SEO順位という3つのビジネス指標に直接影響するものです。 GoogleのCore Web VitalsをSEOランキング要因として採用したことで、表示速度の最適化は「技術的な改善」から「ビジネス戦略の一部」になりました。 ## あわせて読みたい サイト表示速度の改善について詳しく知りたい方は、以下の記事も参考にしてください。 - [**LCPを改善する方法**](https://chot-inc.com//knowledge/lcp-improvement)｜画像・フォント・サーバー応答速度の最適化を解説 - [**表示速度改善プロジェクトの進め方**](https://chot-inc.com//knowledge/speed-improvement-project)｜診断から継続運用まで進めるためのロードマップを解説 - [**表示速度の計測方法**](https://chot-inc.com//knowledge/pagespeed-gtmetrix-guide)｜PageSpeed InsightsとGTmetrixの使い方・レポートの読み方・使い分けを解説 次の記事では、Core Web VitalsのLCP・INP・CLSの3指標を詳しく解説します。 ## エージェント型Web・AIアプリ 開発のご相談 chot inc.ではエージェント型Webの設計・構築・ 運用を 一貫してサポートしています。 [お問い合わせ](https://chot-inc.com/contact) ## このテーマの他の記事 - ### [Core Web Vitalsとは？LCP・INP・CLSの意味と目標値](https://chot-inc.com/knowledge/core-web-vitals-explained) [Core Web VitalsのLCP・INP・CLSの意味と目標値を解説します。各指標の定義・良好・要改善・不良の基準・悪化する原因・Field DataとLab Dataの違いをまとめています。](https://chot-inc.com/knowledge/core-web-vitals-explained) - ### [Lighthouseの使い方｜スコアの見方と表示速度の改善手順](https://chot-inc.com/knowledge/lighthouse-guide) [LighthouseとはGoogleのパフォーマンス計測ツールです。PageSpeed Insights・Chrome DevTools・CLIの3つの起動方法・スコアの読み方・改善サイクルの回し方をまとめています。](https://chot-inc.com/knowledge/lighthouse-guide) - ### [表示速度の計測方法｜PageSpeed Insights・GTmetrixの読み方](https://chot-inc.com/knowledge/pagespeed-gtmetrix-guide) [表示速度の計測方法としてPageSpeed InsightsとGTmetrixの読み方を解説します。スコアの構成・ウォーターフォールの読み方・2つのツールの使い分けをまとめています。](https://chot-inc.com/knowledge/pagespeed-gtmetrix-guide) [サイト表示速度の改善方法｜Core Web Vitals対策ガイド一覧](https://chot-inc.com/knowledge/themes/web-performance)