Core Web Vitals リファレンス — LCP/INP/CLSの閾値と改善策

ウェブサイトの速度指標「Core Web Vitals」の実装ガイドが公開されました。LCP（Largest Contentful Paint）が2.5秒以下、INP（Interaction to Next Paint）が200ミリ秒以下、CLS（Cumulative Layout Shift）が0.1以下という明確な基準と、各指標の改善方法が一つにまとまったツールです。2024年3月にFIDという古い指標からINPに切り替わった際、「で、何をすればいいのか」という実装ギャップが生まれていました。このリファレンスはそこを埋めるものです。

AIの鬼的には、ここが面白い。ウェブ業界には「Google が言ったこと」を丸暗記する慣習があって、数字だけ知っていて実装は後付けという案件が珍しくありません。LCP が赤い PageSpeed Insights の画面をスクショして「これ直してください」と丸投げするだけなら、誰も改善できない。大事なのは「LCPが遅い = 大きな画像がすぐ必要 → WebP に変換して圧縮する」みたいな一本筋です。このガイドはそれを素人にも分かるように図示したもの。つまり、パフォーマンス改善はテクノロジーではなく「ナレッジの翻訳」だという単純な真実を示しています。

中小企業の視点では、新しいCMS 導入やサイト改修の際に「とにかく速くしてください」と言いがちですが、実際には「どの数字を何秒にしたいのか」を最初に決めることが実行を決めます。目標が明確 = 検収基準が明確 = 見積が曖昧にならない。DevTools で計測して「INP が300ミリ秒超えてる」と分かれば、それは JavaScript の処理を分割する問題だとすぐ判断できます。ページが遅いのは分かるが、どこから手をつけるのか迷っている企業こそ、このリファレンスを部門共有すべき一枚です。