Webパフォーマンス入門：Core Web Vitalsの基礎

Core Web Vitals とは

Core Web Vitals は、Google がウェブページのユーザー体験を測定するために定義した3つの指標です。これらの指標は検索順位にも影響を与えるため、サイト運営者にとって非常に重要です。

LCP（Largest Contentful Paint）

ページの主要なコンテンツが表示されるまでの時間を測定します。良好な LCP は 2.5 秒以内です。画像の最適化、サーバーレスポンスの高速化、レンダリングブロックリソースの排除が改善のポイントになります。

INP（Interaction to Next Paint）

ユーザーのインタラクション（クリック、タップ、キー入力）に対するページの応答速度を測定します。良好な INP は 200 ミリ秒以内です。長時間実行される JavaScript タスクの分割が主な改善策です。

CLS（Cumulative Layout Shift）

ページの視覚的な安定性を測定します。良好な CLS は 0.1 以下です。画像やメディアに明示的なサイズを指定し、動的に挿入されるコンテンツの領域を事前に確保することが重要です。

なぜパフォーマンスが重要なのか

ページの読み込み速度は、ユーザーの離脱率やコンバージョン率に直結します。Amazon の調査によれば、100 ミリ秒の遅延が売上の 1% 減少につながるとされています。

パフォーマンス改善は一度で終わるものではなく、継続的なモニタリングと改善のサイクルが必要です。次回の記事では、具体的な計測ツールと改善手法について詳しく解説します。