Largest contentful paint
Largest Contentful Paint (LCP) はパフォーマンス指標であり、ブラウザーがページの読み込みを開始してから、ビューポート内で視認可能な最大の画像またはテキストブロックのレンダリングが完了するまでの時間です。
LCP を決定する要素の例として、以下が挙げられます。
- <img>要素
- SVG 内の <image>要素
- <video>要素のポスター画像
- background-imageが設定された要素
- <p>などのテキストノードのまとまり