Largest Contentful Paint(LCP)

Largest Contentful Paint(LCP)は、サイトの最大のビジュアル要素の読み込み時間を測定できるメトリクスです。

Core Web Vitalsの最も重要なパラメータの1つとされるLargest Contentful Paint(LCP)は、知覚される読み込み速度、つまりWebページのメインコンテンツがどれだけ速く読み込まれてユーザーに表示されるかを測定します。

Largest Contentful Paint(LCP)とは?

Largest Contentful Paint(LCP)メトリクスは、ビューポート内で最大の画像またはテキストブロックのレンダリング時間を、ページの読み込み開始時点を基準として報告します。

Largest Contentful Paint (LCP)

Webサイトは、Largest Contentful Paintが2.5秒以下になるよう努めるべきです。

考慮されるコンテンツの種類:

  • 画像
  • 画像タグ
  • 動画サムネイル
  • CSSによる背景画像
  • 段落、見出し、リストなどのテキスト要素

Largest Contentful Paint(LCP)を改善するには?

Largest Contentful Paint(LCP)は主に4つの要因に影響されます:

  • サーバーレスポンスタイムの遅さ
  • レンダリングをブロックするJavaScriptとCSS
  • リソースの読み込み時間
  • クライアントサイドレンダリング