LargestContentfulPaint: loadTime 屬性

可用性有限

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

LargestContentfulPaint 介面的只讀屬性 loadTime 返回元素載入時的時間。

一個 timestamp,表示元素載入的毫秒數。

示例

記錄最大內容繪製的時間載入時間

此示例使用 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.loadTime);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });

規範

規範
最大內容繪製
# dom-largestcontentfulpaint-loadtime

瀏覽器相容性