LargestContentfulPaint: url property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The url
read-only property of the LargestContentfulPaint
interface returns the request URL of the element, if the element is an image.
Value
A string containing a URL.
Examples
Logging the url of the largest contentful paint
This example uses a PerformanceObserver
notifying of new largest-contentful-paint
performance entries as they are recorded in the browser's performance timeline. The buffered
option is used to access entries from before the observer creation.
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.url);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
Specifications
Specification |
---|
Largest Contentful Paint # dom-largestcontentfulpaint-url |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
url |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.