LCPLargest Contentful Paint
LCP (Largest Contentful Paint) は、ページ内で最も大きなコンテンツ (画像・動画・テキストブロック) が表示完了するまでの時間です。Core Web Vitals の1つで、2.5秒以内が「良好」とされます。
詳細解説
LCP はページの読み込み速度を測る指標で、ビューポート内に表示される最大の要素 (img タグ、background-image、video のポスター画像、テキストブロックなど) の描画完了時刻を計測します。Google は2.5秒以内を「良好」、2.5-4秒を「改善が必要」、4秒超を「不良」と定義しています。LCP を改善する主な手法は、1) 画像の WebP/AVIF 化と適切なサイズ指定、2) preload による重要リソースの優先読み込み、3) CDN 活用と HTTP/3 への移行、4) サーバー応答時間 (TTFB) の短縮、5) レンダリングをブロックする CSS/JS の削減です。LCP の75パーセンタイル値が Search Console の評価対象となります。
実装例 / 使い方
- 01LCP 4秒超のページを2秒に短縮すると検索順位が平均5位上昇する事例があります
- 02ヒーロー画像を WebP + preload にすると LCP が1秒短縮します
- 03Cloudflare CDN 導入で LCP が世界平均で30%改善します
関連する用語
Core Web Vitals
Core Web Vitals は、Google が定めるページ体験の3つの基幹指標 (LCP・INP・CLS) のことです。2024年3月に FID が IN...
INP
Interaction to Next PaintINP (Interaction to Next Paint) は、ユーザー操作からブラウザが次の描画を行うまでの遅延を計測する指標です。2024年3月に FI...
CLS
Cumulative Layout ShiftCLS (Cumulative Layout Shift) は、ページ読み込み中にレイアウトが予期せずずれた量を累積した指標です。Core Web Vitals...
PageSpeed Insights
PageSpeed Insights (PSI) は、Google が提供する無料のページ速度測定ツールです。URL を入力するだけで Core Web Vit...
FID
First Input DelayFID (First Input Delay) は、ユーザーが最初にページを操作してからブラウザが応答するまでの遅延時間です。Core Web Vitals の...
LCPを、実際に活用する
用語の意味は分かった。次は実装。EXBANK の無料診断で、貴社で具体的にどう活用できるかをご提案します。
営業時間 平日10-18時 / 通常24時間以内に返信