最大内容绘制:size 属性

LargestContentfulPaint 接口的size 只读属性返回最大内容绘制元素的内在尺寸。

元素的size 是该元素在屏幕上创建的矩形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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。