LargestContentfulPaint: size 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

sizeLargestContentfulPaint 介面的一個只讀屬性,用於返回作為最大內容繪製(largest contentful paint)的元素的固有尺寸。

該元素的 size 是該元素在螢幕上建立的 rectanglewidth 乘以 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

瀏覽器相容性