SEO14分で読めます
Core Web Vitals完全攻略｜LCP・INP・CLSを改善してSEO順位を上げる方法
GoogleのCore Web Vitals（LCP・INP・CLS）の基準値と改善方法を解説。具体的な改善施策まで、技術者でなくても実践できる対策を紹介します。
Core Web Vitalsとは？
Core Web Vitalsは、Googleが定義するユーザー体験の品質指標です。
3つの指標
| 指標 | 正式名 | 良好 | 不良 |
|---|---|---|---|
| LCP | Largest Contentful Paint | 2.5秒以内 | 4秒超 |
| INP | Interaction to Next Paint | 200ms以内 | 500ms超 |
| CLS | Cumulative Layout Shift | 0.1以下 | 0.25超 |
LCPの改善
画像をWebP/AVIF形式に変換
CDNを導入して高速配信
CSSをインライン化
遅延読み込みをファーストビュー以外に適用
INPの改善
長時間タスクの分割: 50ms以上の処理を分割
不要なJavaScriptの削除
Web Workerの活用
CLSの改善
すべての画像に明示的なサイズを指定
広告枠は事前にスペースを確保
font-display: swapを使用
アナライズでのパフォーマンスチェック
アナライズではSEO分析の一環として、ページパフォーマンスの問題点も自動検出します。
#Core Web Vitals#LCP#INP#CLS#ページ速度#SEO