LargestContentfulPaint: thuộc tính element

Baseline 2025

Newly available

Since December 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Thuộc tính chỉ đọc element của giao diện LargestContentfulPaint trả về một đối tượng đại diện cho Element là lần vẽ nội dung lớn nhất.

Ví dụ này sử dụng PerformanceObserver thông báo về các mục hiệu suất largest-contentful-paint mới khi chúng được ghi vào dòng thời gian hiệu suất của trình duyệt. Tùy chọn buffered được dùng để truy cập các mục trước khi tạo observer.

const observer = new PerformanceObserver((list) => {
  const entries = list.getEntries();
  const lastEntry = entries[entries.length - 1]; // Dùng ứng viên LCP mới nhất
  console.log(lastEntry.element);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });