LargestContentfulPaint: url プロパティ
Baseline
2025
最近利用可能
December 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
url は LargestContentfulPaint インターフェイスの読み取り専用プロパティで、要素が画像である場合、その要素のリクエスト URL を返します。
値
URL の入った文字列です。
例
LCP 要素の url をログ出力
この例では、ブラウザーのパフォーマンスタイムラインに新しい largest-contentful-paint パフォーマンス項目が記録されるたびに通知を行う PerformanceObserver を使用しています。buffered オプションは、オブザーバーの作成以前に記録された項目にアクセスするために使用されます。
js
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // 最新の LCP 候補を使用
console.log(lastEntry.url);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
仕様書
| 仕様書 |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-url |