LargestContentfulPaint: Methode toJSON()

Baseline 2025

Neu verfügbar

Seit Dezember 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Die Methode toJSON() der Schnittstelle LargestContentfulPaint gibt ein JSON-serialisierbares einfaches Objekt zurück, das das LargestContentfulPaint-Objekt repräsentiert.

Die Methode wird automatisch von JSON.stringify() aufgerufen, wenn bei der JSON-Serialisierung ein LargestContentfulPaint-Objekt vorkommt.

Syntax

toJSON()

Rückgabewert

Ein JSON-serialisierbares einfaches Objekt mit den folgenden Eigenschaften:

Der Wert jeder Eigenschaft wird unverändert kopiert.

Das zurückgegebene Objekt enthält die Eigenschaft element nicht, da Element keine toJSON()-Operation bereitstellt.

Dieses Beispiel ruft ein LargestContentfulPaint-Objekt ab. Ein direkter Aufruf von toJSON() gibt ein einfaches Objekt zurück. Dessen Eigenschaften haben dieselben Werte wie die entsprechenden Eigenschaften des ursprünglichen Objekts.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const json = entry.toJSON();
    console.log(json); // A plain object
    console.log(typeof json); // "object"
    console.log(json.size); // Same value as entry.size
  });
});

observer.observe({ type: "largest-contentful-paint", buffered: true });

In eine JSON-Zeichenfolge serialisieren

Innerhalb der Callback-Funktion aus dem vorherigen Beispiel kann dasselbe Objekt mit JSON.stringify() serialisiert werden. Dabei wird die Methode toJSON() automatisch aufgerufen.

console.log(JSON.stringify(entry));

Dabei würde eine JSON-Zeichenfolge wie die folgende ausgegeben (zur besseren Lesbarkeit formatiert):

json

{
  "name": "",
  "entryType": "largest-contentful-paint",
  "startTime": 468.5,
  "duration": 0,
  "navigationId": 2463,
  "paintTime": 460.25,
  "presentationTime": 468.5,
  "size": 19824,
  "renderTime": 468.5,
  "loadTime": 0,
  "id": "",
  "url": ""
}