LargestContentfulPaint: toJSON() メソッド
Baseline 2025
最近利用可能
2025年12月以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
toJSON() は LargestContentfulPaint インターフェイスのメソッドで、シリアライザーです。これはこの LargestContentfulPaint オブジェクトの JSON 表現を返します。
構文
js
toJSON()
引数
なし。
返値
LargestContentfulPaint オブジェクトのシリアライズ結果である JSON オブジェクトです。
JSON には element プロパティが含まれません。Element 型が toJSON() 操作を提供していないからです。
例
toJSON メソッドの使用
この例では、entry.toJSON() を呼び出すと、LargestContentfulPaint オブジェクトの JSON 表現が返されます。
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(entry.toJSON());
});
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
これにより、次のような JSON オブジェクトがログ出力されます。
json
{
"name": "",
"entryType": "largest-contentful-paint",
"startTime": 468.2,
"duration": 0,
"size": 19824,
"renderTime": 468.2,
"loadTime": 0,
"id": "",
"url": ""
}
JSON 文字列を取得するには、JSON.stringify(entry) を直接使用することができます。これにより、自動的に toJSON() が呼び出されます。
仕様書
| 仕様書 |
|---|
| Largest Contentful Paint # dom-largestcontentfulpaint-tojson |