LargestContentfulPaint.id

The id read-only property of the LargestContentfulPaint interface returns the ID of the element that is the largest contentful paint.

Value

A string containing the ID of the element.

Examples

The following example gets the LargestContentfulPaint object and prints the value of id to the console.

try {
  let lcp;

  const po = new PerformanceObserver((entryList) => {
    const entries = entryList.getEntries();
    const lastEntry = entries[entries.length - 1];
    console.log(lastEntry.id);
  });

  po.observe({type: 'largest-contentful-paint', buffered: true});

} catch (e) {
  // Do nothing if the browser doesn't support this API.
}

Specifications

Specification
Unknown specification
# dom-largestcontentfulpaint-id

Browser compatibility

BCD tables only load in the browser