PerformanceResourceTiming: toJSON() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.

See full compatibility

Note: This feature is available in Web Workers.

The toJSON() method of the PerformanceResourceTiming interface is a serializer; it returns a JSON representation of the PerformanceResourceTiming object.

Syntax

toJSON()

Parameters

None.

Return value

A JSON object that is the serialization of the PerformanceResourceTiming object.

Examples

Using the toJSON method

In this example, calling entry.toJSON() returns a JSON representation of the PerformanceResourceTiming object.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    console.log(entry.toJSON());
  });
});

observer.observe({ type: "resource", buffered: true });

This would log a JSON object like so:

json

{
  "name": "https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/31px-Commons-logo.svg.png",
  "entryType": "resource",
  "startTime": 110.80000001192093,
  "duration": 11.599999994039536,
  "initiatorType": "img",
  "nextHopProtocol": "h2",
  "renderBlockingStatus": "non-blocking",
  "workerStart": 0,
  "redirectStart": 0,
  "redirectEnd": 0,
  "fetchStart": 110.80000001192093,
  "domainLookupStart": 110.80000001192093,
  "domainLookupEnd": 110.80000001192093,
  "connectStart": 110.80000001192093,
  "connectEnd": 110.80000001192093,
  "secureConnectionStart": 110.80000001192093,
  "requestStart": 117.30000001192093,
  "responseStart": 120.40000000596046,
  "responseStatus": 200,
  "responseEnd": 122.40000000596046,
  "transferSize": 0,
  "encodedBodySize": 880,
  "decodedBodySize": 880,
  "serverTiming": [
    {
      "name": "cache",
      "duration": 0,
      "description": "hit-front"
    },
    {
      "name": "host",
      "duration": 0,
      "description": "cp3061"
    }
  ]
}

To get a JSON string, you can use JSON.stringify(entry) directly; it will call toJSON() automatically.

Specifications

Specification
Resource Timing # dom-performanceresourcetiming-tojson

Browser compatibility

	desktop					mobile							server
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS	Deno	Node.js
`toJSON`	Chrome – Full support Chrome 45 (Release date: 2015-09-01) footnote Full support	Edge – Full support Edge 16 (Release date: 2017-10-17) footnote Full support	Firefox – Full support Firefox 35 (Release date: 2015-01-13) footnote Full support	Opera – Full support Opera 32 (Release date: 2015-09-15) footnote Full support	Safari – Full support Safari 11 (Release date: 2017-09-19) footnote Full support	Chrome Android – Full support Chrome Android 45 (Release date: 2015-09-01) footnote Full support	Firefox for Android – Full support Firefox for Android 35 (Release date: 2015-01-13) footnote Full support	Opera Android – Full support Opera Android 32 (Release date: 2015-09-23) footnote Full support	Safari on iOS – Full support Safari on iOS 11 (Release date: 2017-09-19) footnote Full support	Samsung Internet – Full support Samsung Internet 5 (Release date: 2016-12-15) footnote Full support	WebView Android – Full support WebView Android 45 (Release date: 2015-09-01) footnote Full support	WebView on iOS – Full support WebView on iOS 11 (Release date: 2017-09-19) footnote Full support	Deno – No support Deno footnote No support	Node.js – No support Node.js 16.17 – 16.17 (Release date: 2022-08-16) footnote Removed in 17 and later Node.js – Full support Node.js 18.2 (Release date: 2022-05-17) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: Has more compatibility info.

PerformanceResourceTiming: toJSON() method

Legend