Core Web Vitalsパフォーマンスバジェット
LCP、FID/INP、CLSのGoogle Core Web Vitalsしきい値に合わせたパフォーマンスバジェットを設定。SEOランキングのためのリソースバジェットとタイミングメトリクスの関係を学びます。
Timing Metrics
詳細な説明
Core Web Vitalsとパフォーマンスバジェット
Core Web Vitals（CWV）は、実際のユーザーエクスペリエンスを測定するGoogleのメトリクスです。検索ランキングに直接影響するため、パフォーマンスバジェットの重要なターゲットです。
現在のCore Web Vitalsしきい値
| メトリクス | 良好 | 改善が必要 | 不良 |
|---|---|---|---|
| LCP | <= 2.5秒 | <= 4.0秒 | > 4.0秒 |
| INP | <= 200ms | <= 500ms | > 500ms |
| CLS | <= 0.1 | <= 0.25 | > 0.25 |
リソースバジェットからCWVへのマッピング
**LCP（Largest Contentful Paint）**に影響する要因：
- 合計ページ重量（ダウンロード時間を決定）
- サーバーレスポンス時間（TTFB）
- ヒーロー画像のサイズとフォーマット
- レンダーブロッキングCSSとJS
良好なLCPのためのバジェット目標：
- TTFB：< 800 ms
- CSS：< 80 KB（クリティカルCSSはインライン化）
- ヒーロー画像：< 100 KB（プリロード）
- ファーストビュー合計：< 200 KB
**INP（Interaction to Next Paint）**に影響する要因：
- JavaScriptバンドルサイズ（パース/コンパイル時間）
- メインスレッドブロッキング時間
- イベントハンドラーの複雑さ
良好なINPのためのバジェット目標：
- JavaScript：< 200 KB（圧縮済み）
- 個別タスクは50 ms以内
**CLS（Cumulative Layout Shift）**に影響する要因：
- 寸法のない画像
- FOIT/FOUTを引き起こすフォント
- 動的コンテンツの挿入
- 予約スペースのない広告スロット
CWV整合バジェットの設定
パフォーマンスバジェットトラッカーでタイミングバジェットを設定：
| メトリクス | バジェット目標 |
|---|---|
| TTFB | 600 ms |
| FCP | 1500 ms |
| LCP | 2500 ms |
これらは「良好」しきい値以下の安全マージンを提供します。
モニタリング戦略
エクスポートしたバジェットJSONを、web-vitalsライブラリなどのリアルユーザーモニタリング（RUM）ツールと併用して、リソースバジェット（予防的）と実際のCWVスコア（結果ベース）の両方を追跡します。
ユースケース
CWV整合バジェットは、オーガニック検索トラフィックが重要なすべてのサイトにとって重要です。Googleは明示的にCWVをランキングシグナルとして使用しています。CWVしきい値に失敗したサイトは、合格した競合にランキングポジションを失います。良好なCWVスコアにマッピングするリソースバジェットを設定することで、ランキング低下に対する先制的な防御を作成します。