LargestContentfulPaint: size プロパティ
Baseline
2025
最近利用可能
December 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
size は LargestContentfulPaint インターフェイスのプロパティで、LCP となった要素の内在サイズを返します。
要素の size は、この要素が画面に作成する矩形の width と height の積です。
値
要素の幅と高さを掛けた値を表す整数です。
例
LCP 要素の size をログ出力
この例では、ブラウザーのパフォーマンスタイムラインに新しい largest-contentful-paint パフォーマンス項目が記録されるたびに通知を行う PerformanceObserver を使用しています。buffered オプションは、オブザーバーの作成以前に記録された項目にアクセスするために使用されます。
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // 最新の LCP 候補を使用
console.log(lastEntry.size);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
仕様書
| 仕様書 |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-size |