LargestContentfulPaint.element
The element
read-only property of the LargestContentfulPaint
interface returns an object representing the Element
that is the largest contentful paint.
Syntax
let element = LargestContentfulPaint.element;
Value
An Element
.
Examples
The following example gets the LargestContentfulPaint
object and prints the value of element
to the console.
try { let lcp; const po = new PerformanceObserver((entryList) => { const entries = entryList.getEntries(); const lastEntry = entries[entries.length - 1]; console.log(lastEntry.element); }); po.observe({type: 'largest-contentful-paint', buffered: true}); } catch (e) { // Do nothing if the browser doesn't support this API. }
Specifications
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 | |
element |
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/element