Core Web Vitalsとは何か
| 指標 | 意味 | 良好の基準 |
| LCP | メインコンテンツが表示されるまでの時間 | 2.5秒以内 |
| INP | クリックなどの操作への応答速度 | 200ms以内 |
| CLS | ページ読み込み中のレイアウトのズレ | 0.1以下 |
現状の確認方法
Google Search Console → 「ウェブに関する主な指標」でサイト全体の状況を確認できます。PageSpeed Insights(pagespeed.web.dev)でページごとの詳細も確認できます。
LCPを改善する方法
- ファーストビューの画像をWebP形式に変換・圧縮する
- LCP要素の画像に
loading="eager"を設定する - キャッシュプラグインでサーバー応答速度を改善する
INPを改善する方法
- 重いJavaScriptの実行を遅延させる
- 不要なプラグインを削除してJavaScriptの量を減らす
CLSを改善する方法
- 画像・動画に width と height 属性を明示する
- 広告・埋め込みコンテンツのサイズを事前に確保する
- フォント読み込みによるテキストのズレを防ぐ(font-display: swap)
おすすめプラグイン
- LiteSpeed Cache:LCP・CLS改善に有効な総合最適化プラグイン
- EWWW Image Optimizer:画像のWebP変換・圧縮
まとめ
Core Web VitalsはGoogleの評価に直結する重要な指標です。まずSearch ConsoleとPageSpeed Insightsで現状を把握し、スコアが低い指標から優先的に対処してください。設定が難しい場合はお気軽にご相談ください。
→ 無料サイト診断・お問い合わせはこちら