速さの正体、0.1秒がSEOを分ける
the-psychology-of-perceived-speed
Core Web Vitalsとは、人間が「快適」と感じる境界線をGoogleが数値化した指標です。0.1秒、1秒、10秒――心理学の古い実験が今、SEOの現場に姿を変えて息づいています。今回はそのCore Web Vitalsというお話。この記事では、webクリエイターなら知っておきたいCore Web Vitalsの基本から改善方法まで、わかりやすく解説します。
目 次
読了目安: 約4分 / 約1,900字
体感速度を測る三つのものさし
【追記】Core Web Vitalsは、Googleがwebサイトのユーザー体験を数値で評価するために定めた指標です。2026年現在、この指標は三つの要素で構成されています
一つ目はLCP（Largest Contentful Paint）。ページ内で最も大きなコンテンツ、たとえばヒーロー画像や見出しが表示されるまでの時間を測ります。目安は2.5秒未満です。
二つ目はINP（Interaction to Next Paint）。ユーザーがクリックやタップをしてから、画面が反応するまでの遅延を測る指標で、目安は200ミリ秒未満とされています（※1）。以前はFID（First Input Delay）という指標が使われていましたが、2024年3月にINPへと正式に置き換えられました（※2）。もし今も「FID対策」という言葉で情報を探しているなら、それはすでに一世代前の話だと思ってください。
三つ目はCLS（Cumulative Layout Shift）。読み込み中にレイアウトが予期せずガタつく現象を数値化したもので、目安は0.1未満です。
そしてもう一つ知っておきたいのが、これらの数値は「実際に訪れたユーザーの体験の75パーセンタイル」で判定される、という点です（※3）。つまりラボ環境でのシミュレーション値ではなく、生きた訪問者データがものを言う仕組みになっています。
なぜ「感じ」が検索順位に組み込まれたのか
Googleは2021年のページエクスペリエンスアップデート以降、Core Web Vitalsを検索ランキングの評価シグナルの一つに組み込みました（※4）。ただし、これはコンテンツの質を上回るほどの決定打ではありません。Google自身、コンテンツの質が高いページはCore Web Vitalsのスコアが多少低くても上位に表示されうると説明しています（※5）。
では何のためにあるのか。答えは、拮抗した競合同士を分ける最後の一押しとして機能するから、です（※6）。加えて、体感速度が上がれば直帰率が下がり、滞在時間やコンバージョン率にも良い影響を与えることが知られています。つまりCore Web Vitalsは、順位を直接押し上げる魔法の数値ではなく、ユーザーの心地よさを媒介にしてじわじわとSEOに効いてくる指標なのです。
明日からできる改善アプローチ
改善の優先順位は、影響範囲と改善コストのバランスで決めるのが定石です（※7）。一般的には、まずLCP、次にCLS、最後にINPという順で着手すると効率が良いとされています。は、まずLCP、次にCLS、最後にINPという順で着手すると効率が良いとされています。
LCPを縮めるには、画像の圧縮と適切なフォーマット選定、CDNの活用、重要なリソースのプリロードが効きます。CLSを抑えるには、画像や埋め込みコンテンツにあらかじめサイズを指定し、フォントの切り替わりでレイアウトが動かないよう配慮します。そしてINPは、JavaScriptの実行時間を削り、メインスレッドを長時間ブロックしないよう処理を分割することが鍵になります。
現状把握には、Google Search Consoleの「ウェブに関する主な指標」レポート、PageSpeed Insights、そしてChrome DevToolsに内蔵されたLighthouseが役立ちます。ただし、LighthouseはあくまでラボデータであってCore Web Vitals本体の判定基準ではない、という点は覚えておいてください。
この指標を改善することで、ユーザーはストレスなくWebサイトを閲覧できるようになり、結果としてSEO効果も期待できます。
なぜCore Web Vitalsが重要なのか？
Googleはユーザー体験（UX）を重視する検索エンジンです。
2021年からGoogleは、Core Web Vitalsを検索ランキングの一部として組み込みました。つまり、ページの読み込み（表示）速度やインタラクティブ性が悪いと検索順位が下がり、Core Web Vitalsの評価が高いwebサイトは、検索結果で上位に表示されやすくなります。
また、ユーザー体験（UX）が向上すれば、webサイトの滞在時間やコンバージョン率の向上が期待できるし、快適に感じられないと離脱率が高くなり、結果的にSEOに悪影響を与えることになります。
Core Web Vitalsは、SEOとユーザー体験（UX）の両方において重要な指標であり、あなたのwebサイトのパフォーマンスが、検索結果に直結する時代になったということです。
Core Web Vitalsを改善する３つの方法
では、具体的にどのようにCore Web Vitalsを改善すればいいのでしょうか。
ここでは、それぞれの指標ごとに改善するためのポイント３つを解説します。
1. LCPの改善：ページの読み込み速度を上げる
LCPを改善するためには、ページの読み込み速度を高速化する必要があります。
- 画像の最適化
- CSSやJavaScriptの最適化
- サーバーの応答速度の改善
- CDNの利用
これらの対策を行うことで、ページの主要なコンテンツが早く表示されるようになり、LCPのスコアが向上します。
2. INPの改善：インタラクティブ性を高める
INPを改善するためには、ユーザーがページを操作してから応答があるまでの時間を短縮する必要があります。
- JavaScriptの実行時間の短縮
- サードパーティスクリプトの最適化
- メインスレッドのブロックを回避
これらの対策を行うことで、ユーザーがページを操作した際の遅延を減らし、INPのスコアを向上させることができます。
3. CLSの改善：レイアウトの安定性を確保
CLSを改善するためには、ページの視覚的な安定性を高める必要があります。
- 画像のサイズを明示的に指定
- 広告や埋め込みコンテンツのサイズを予約
- 動的なコンテンツの挿入を最小限に
これらの対策を行うことで、ページのレイアウトが予期せず変動するのを防ぎ、CLSのスコアを向上させることができます。
Core Web Vitalsの計測方法
Core Web Vitalsは、以下のツールで計測することができます。
- PageSpeed Insights: Googleが提供する無料のツールで、ページの読み込み速度やCore Web Vitalsのスコアを計測できます。
- Google Search Console: Googleが提供する無料のツールで、Webサイト全体のCore Web Vitalsの状況を把握できます。
- Lighthouse: Chrome DevToolsに組み込まれているツールで、ページのパフォーマンスやCore Web Vitalsのスコアを計測できます。
これらのツールを活用して、定期的にWebサイトのCore Web Vitalsを計測し、改善に役立てましょう。
自分のサイトがどれだけCore Web Vitalsを満たしているのかを簡単にチェックできるツールもあります。代表的なものは：
- Google PageSpeed Insights：ページのパフォーマンスを評価し、改善点を教えてくれます。
- Lighthouse：Chrome DevToolsに組み込まれている、詳細なパフォーマンスレポートを提供するツールです。
- Web Vitals Extension：ブラウザ拡張機能として、実際にページを開いたときのパフォーマンスをリアルタイムで確認できます。
これらのツールを使うことで、自分のサイトがどの部分で問題を抱えているのかを簡単に把握でき、改善策を講じることができます。
まとめ
Core Web Vitalsは、LCP・INP・CLSという三つのものさしで、ユーザーが感じる「快適さ」を数値化した指標です。LCPは表示の速さ、INPは操作への応答性、CLSはレイアウトの安定性を表し、いずれも実際の訪問者データの75パーセンタイルで判定されます。
これらはSEO順位を直接押し上げる魔法の数字ではありませんが、コンテンツの質が拮抗した相手との差を分ける一押しとして働き、直帰率や滞在時間を通じてじわじわとSEOに効いてきます。まずはSearch ConsoleとPageSpeed Insightsで現状を把握し、LCP、CLS、INPの順に着手するのが、遠回りに見えて実は一番の近道です。
もしサイトの表示速度や操作の反応の遅さが気になりつつも、社内のリソースだけでは改善に手が回っていない実感があるなら、パフォーマンス改善そのものを外部に任せるタイミングかもしれません。ゲツコーギルドでは、Core Web Vitalsの計測から改善実装まで、web制作の現場に根ざしたご相談を承っています。
あわせて読みたいツキヨミ
出典一覧
- ヤコブ・ニールセン『ユーザビリティエンジニアリング原論』
https://www.amazon.co.jp/s?k=ユーザビリティエンジニアリング原論+ニールセン&tag=qrious0c-22 - ドナルド・A・ノーマン『誰のためのデザイン？ 増補・改訂版』
https://www.amazon.co.jp/s?k=誰のためのデザイン+増補改訂版+ノーマン&tag=qrious0c-22 - イリヤ・グリゴリック『ハイパフォーマンスブラウザネットワーキング』
https://www.amazon.co.jp/s?k=ハイパフォーマンスブラウザネットワーキング&tag=loki04-22
作成日: 2025.05.15
更新日: 2026.08.06
URL Copy
木村ロキ
江戸下町産。WEBプロデューサー兼CEO。東日本大震災をきっかけに、場所や時間を選ばないクリエイターの働き方を体現するべく、慣れ親しんだ東京を離れ、瀬戸内海の離島へと移住。またフリーランスの地位向上と理想的なweb制作集団を構築するために、女性制作ギルド 秘密結社キユリアス（Qrious）を立ち上げるほか、地方創生や地域活性化、クリエイターの育成や再生、再起に注力し、現在３つのクリエイティブ・ギルドと１つの再生プロジェクトを運営。ボーラーハットがトレードマーク。現在は離島から東京へと戻り、新たなステージを構築中。
