Core Web Vitals 2026完全ガイド｜LCP・INP・CLSの改善実装と検証手順
hanayama結論：CWVは「ユーザー体験の指標」かつ「ランキング要因」
Core Web Vitals（CWV）はLCP・INP・CLSの3指標で構成される、Googleが定義したユーザー体験のスコアです。2024年3月にFIDからINPに置き換わり、2026年現在も継続して評価指標として運用されています。CWVは順位への直接効果は限定的ですが、ユーザー行動指標（直帰・滞在）を経由して間接的にSEO評価を大きく左右します。
LCP/INP/CLSの2026年基準値
| 指標 | Good | Needs Improvement | Poor |
|---|---|---|---|
| LCP（最大コンテンツ描画） | ≤ 2.5秒 | 2.5〜4.0秒 | > 4.0秒 |
| INP（インタラクション応答） | ≤ 200ms | 200〜500ms | > 500ms |
| CLS（レイアウトシフト） | ≤ 0.1 | 0.1〜0.25 | > 0.25 |
「Good」を全URLの75%以上で達成することがGoogleの推奨水準です。
LCP改善：画像最適化とサーバー応答
- 画像最適化: WebP/AVIF採用、適切なサイズ配信、遅延読み込み（loading="lazy"）
- ヒーロー画像のpreload:
<link rel="preload" as="image" href="..."> - サーバー応答（TTFB）改善: キャッシュ、CDN、データベース最適化
- Critical CSSのインライン化: 初期描画を阻害するCSSを最小化
INP改善：JavaScript遅延読み込み
- 長時間タスクの分割: 50ms以上のJSタスクを分割実行
- 不要なJSの削除: 第三者スクリプトの監査
- 入力イベントハンドラの軽量化: デバウンス・スロットル
- Web Workerの活用: 重い処理をメインスレッドから分離
CLS改善：レイアウトシフトの予防
- 画像/動画にwidth/height属性を明示: アスペクト比予約
- 広告枠のサイズ固定: 動的挿入されるバナーは事前にスペース確保
- Webフォントのfont-display: optional/swap: FOIT/FOUT制御
- DOM挿入を上ではなく下に: 既存要素のシフト防止
WordPress高速化プラグイン比較
| プラグイン | 強み | 価格 |
|---|---|---|
| WP Rocket | 設定簡単・統合的・サポート充実 | 有料 |
| LiteSpeed Cache | LiteSpeedサーバーで圧倒的高速化 | 無料 |
| W3 Total Cache | 細かい設定が可能 | 無料/有料 |
| Autoptimize | CSS/JS最適化に特化 | 無料 |
計測ツールと検証手順
- PageSpeed Insights: 個別URL診断、Core Web Vitalsレポート
- Chrome DevTools > Performance: 実機計測
- Search Console > Core Web Vitals: サイト全体の傾向
- CrUX Dashboard: 実ユーザーデータでの月次推移
- 修正 → PageSpeed Insightsで再測定 → SCで「修正を検証」リクエスト
FAQ
Q1. CWVスコアを完璧にすれば順位が上がりますか？
A. 直接の順位上昇効果は限定的。ただしユーザー行動指標を介して間接的に大きく影響します。
Q2. モバイルとPCどちらを優先すべきですか？
A. モバイル優先。モバイルファーストインデックスのため、Googleはモバイル版を評価本体としています。
Q3. PageSpeed Insightsとフィールドデータが乖離する理由は？
A. PSIは合成計測（ラボデータ）、フィールドはCrUX（実ユーザー）。実ユーザーデータを優先しましょう。
まとめ
CWVはユーザー体験とSEO評価の両方を支える指標。LCP/INP/CLSの3指標を75%以上Goodに保つことで、検索順位とコンバージョン双方の改善が見込めます。
