LargestContentfulPaint: size 属性
size 是 LargestContentfulPaint 接口的一个只读属性,用于返回作为最大内容绘制(largest contentful paint)的元素的固有尺寸。
该元素的 size 是该元素在屏幕上创建的 rectangle 的 width 乘以 height。
值
一个整数,表示该元素的宽度乘以高度。
示例
记录最大内容绘制元素的大小
此示例使用 PerformanceObserver,在浏览器性能时间线上记录新的 largest-contentful-paint 性能条目时进行通知。buffered 选项用于访问观察者创建之前的条目。
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.size);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
规范
| 规范 |
|---|
| 最大内容绘制 # dom-largestcontentfulpaint-size |
浏览器兼容性
加载中…