Core Web Vitals の最適化とサイト速度：施策の前後を計測

Google のしきい値

実際の訪問の75パーセンタイルで評価され、モバイルとデスクトップは別々に評価されます。

• LCP（メインコンテンツの読み込み）：2.5秒以下で良好
• INP（クリック、タップ、キー入力への応答）：200ミリ秒以下で良好。2024年3月に FID に代わりました
• CLS（視覚的な安定性）：0.1以下で良好

ラボデータ

Lighthouse、Chrome DevTools、WebPageTest は、シミュレーションされた再現可能な条件でページを読み込みます。原因の診断や、修正の即時確認に最適です。シミュレーションによるページ読み込みには実際の操作がないため、INP は計測できず、代わりに Total Blocking Time（TBT）を指標として使います。

実測データ

CrUX レポートにある、実際の Chrome ユーザーのデータです。PageSpeed Insights と Search Console に表示されます。Google が使用するデータで、28日間を対象とするため、改善が完全に表れるまでには数週間かかります。

LCP

• メイン画像は AVIF または WebP で、適切なサイズにし、フェッチの優先度を高くする
• 最初に表示される部分に遅延読み込みを使わない
• より速いサーバー：キャッシュ、CDN、またはより良いホスティング

INP

• 長い JavaScript のタスクを分割し、重要でないコードを遅延させる
• サードパーティ製スクリプトを見直す：チャットウィジェット、地図、ピクセル、積み重なったタグ
• 非常に重いページでは DOM を軽くする

CLS

• 画像、動画、広告、iframe のためのスペースを確保する
• コンテンツを押し動かさない Cookie バナー
• レイアウトのずれなく読み込まれる Web フォント

計測、修正、再計測

• テンプレートごとのベースライン計測：トップ、サービス、カテゴリー、商品
• 失敗している指標ごとに、原因を診断する
• 影響と工数で順位付けし、リリース前にテストした修正
• 変更のたびにラボで検証
• 28日間の実測データの追跡と、Search Console での確認

取り組む価値があるケース

• Search Console で、URL が「不良」または「改善が必要」と表示されている
• 広告にお金をかけているが、ランディングページがモバイルで遅い
• ストアの商品ページやカートが遅い

優先度が低いケース

• 実測指標はすでに良好で、問題はコンテンツにある
• 速度だけで順位が上がると期待している：関連性のほうがずっと重要
• 近いうちにサイトを作り直す予定：新しいプロジェクトに性能を組み込む

レポートと変更

• 実測データとラボデータを含む、テンプレートごとのベースラインレポート
• 指標ごとに優先順位を付けた原因
• 実施し、文書化した修正
• 比較：引き渡し時のラボ値と、28日後の実測値
• 改善を維持するためのページ容量とスクリプトの上限

1つのテンプレートを計測して修正

商品ページや広告用ランディングページなど、重要なテンプレートをお客様と1つ選びます。最も悪い指標の主な原因を修正し、ラボで改善を確認します。28日を要する実測データの比較は、後日に予定します。作業を始める前に、範囲と条件を文書で合意します。