LargestContentfulPaint.id
The id
read-only property of the LargestContentfulPaint
interface returns the ID of the element that is the largest contentful paint.
Syntax
let id = LargestContentfulPaint.id;
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 |
---|
Largest Contentful Paint # dom-largestcontentfulpaint-id |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
id |
77 |
79 |
No |
No |
Yes |
No |
77 |
77 |
No |
Yes |
No |
12.0 |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/LargestContentfulPaint/id