Core Web Vitals は、Google が定めたページの使い心地を測る3つの指標です。検索順位の要素のひとつでもありますが、もともとは「読み込み中にイライラするかどうか」を数字にしたものです。

LCP｜主役が見えるまでの時間

画面の中でいちばん大きい要素、つまりメインの画像や見出しが表示されるまでの時間です。2.5秒以内が良好とされています。

遅くなる原因はほぼ画像です。大きすぎる写真を縮小表示している、ファーストビューの画像まで遅延読み込みにしている、といったものが典型です。

画面外の画像は遅延読み込みにすべきですが、ファーストビューの画像を遅延させると逆に遅くなります。ここは分けて指定してください。

INP｜操作してから反応するまでの時間

ボタンを押したり入力したりしてから、画面が反応するまでの時間です。200ミリ秒以内が良好です。2024年3月に、それまでの FID という指標から置き換わりました。

悪くなる原因は JavaScript です。読み込む量が多い、外部サービスのタグを何本も入れている、といった状態だと、ブラウザがそちらの処理で手一杯になり、操作への反応が遅れます。

CLS｜読み込み中に画面がずれる量

読み込みの途中でレイアウトが動いてしまう量です。0.1以下が良好です。押そうとしたボタンが動いて別のリンクを押してしまう、あの現象を数値にしたものです。

原因は決まっています。

• 画像に width と height を書いていない … 読み込まれた瞬間に場所が広がります
• 広告や埋め込みの枠を確保していない
• Webフォントの切り替わりで文字の幅が変わる
• 後から上部に要素を差し込んでいる

画像のサイズを書くだけで直ることが多く、手間に対して効果が大きい項目です。

測る場所を間違えない

PageSpeed Insights には、その場で測った結果と、実際の訪問者のデータ（フィールドデータ）が出ます。検索に影響するのは後者です。手元で点数が良くても、実際の訪問者の回線や端末では悪いことがあります。

点数そのものを追いかけないでください。90点を95点にする作業より、画像の縮小とプラグインの整理のほうが体感に効きます。

既製テーマでは限界があることも

多機能なテーマやページビルダーは、使っていない機能ぶんのCSSとJavaScriptまで読み込みます。個別の調整を積み重ねても、読み込む量自体が減らないため頭打ちになります。

当社は必要な部分だけを読み込むオリジナルテーマとして構築しています。いまの数値を改善したい、原因を調べてほしいというご相談にも対応しています。