Benchmark: response.json() vs JSON.parse() testtest

HTML Preparation code:

<script>
const remote150kb = 'https://www.unpkg.com/tongwen@0.3.2/dict/ps2t.json'

const remote35kb = 'https://www.unpkg.com/tongwen@0.3.2/dict/s2t.json'

let blobUrl150kb = ''
let blobUrl35kb = ''

let dataUrl150kb = ''
let dataUrl35kb = ''

const throwError = () => {
    throw new Error('Not prepared')
}

let testBlobJSON150 = throwError
let testBlobJSON35 = throwError
let testDataJSON150 = throwError
let testDataJSON35 = throwError

let testBlobParse150 = throwError
let testBlobParse35 = throwError
let testDataParse150 = throwError
let testDataParse35 = throwError

const testBlobJSON150_ = async () => {
    const res = await fetch(blobUrl150kb)

    const json = await res.json()

    return json
}

const testBlobJSON35_ = async () => {
    const res = await fetch(blobUrl35kb)

    const json = await res.json()

    return json
}

const testDataJSON150_ = async () => {
    const res = await fetch(dataUrl150kb)

    const json = await res.json()

    return json
}

const testDataJSON35_ = async () => {
    const res = await fetch(dataUrl35kb)

    const json = await res.json()

    return json
}


const testBlobParse150_ = async () => {
    const res = await fetch(blobUrl150kb)

    const json = await res.text()

    return JSON.parse(json)
}

const testBlobParse35_ = async () => {
    const res = await fetch(blobUrl35kb)

    const json = await res.text()

    return JSON.parse(json)
}

const testDataParse150_ = async () => {
    const res = await fetch(dataUrl150kb)

    const json = await res.text()

    return JSON.parse(json)
}

const testDataParse35_ = async () => {
    const res = await fetch(dataUrl35kb)

    const json = await res.text()

    return JSON.parse(json)
}

const getJsonText = async (url) => {
    const res = await fetch(url)

    if (res.status !== 200) {
        throw new Error(`Status not 200: ${res.status}`)
    }

    // make sure it is json
    const json = await res.json()

    return JSON.stringify(json)
}

const toBlobUrl = (text) => {
    const blob = new Blob([text], {
        type: 'text/json'
    })

    return URL.createObjectURL(blob)
}

const toDataUrl = (text) => {
    const url = encodeURIComponent(text)

    return `data:text/json,${url}`
}


const prepare = async () => {
    const [
        text150kb,
        text35kb,
    ] = await Promise.all([
        getJsonText(remote150kb),
        getJsonText(remote35kb)
    ])

    dataUrl150kb = toDataUrl(text150kb)
    dataUrl35kb = toDataUrl(text35kb)

    blobUrl150kb = toBlobUrl(text150kb)
    blobUrl35kb = toBlobUrl(text35kb)

    testBlobJSON150 = testBlobJSON150_
    testBlobJSON35 = testBlobJSON35_
    testDataJSON150 = testDataJSON150_
    testDataJSON35 = testDataJSON35_

    testBlobParse150 = testBlobParse150_
    testBlobParse35 = testBlobParse35_
    testDataParse150 = testDataParse150_
    testDataParse35 = testDataParse35_
}


prepare()


</script>

Tests:

testBlobJSON150()
testBlobJSON150()
testBlobJSON35()
testBlobJSON35()
testDataJSON150()
testDataJSON150()
testDataJSON35()
testDataJSON35()
testBlobParse150()
testBlobParse150()
testBlobParse35()
testBlobParse35()
testDataParse150()
testDataParse150()
testDataParse35()
testDataParse35()

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
testBlobJSON150()
testBlobJSON35()
testDataJSON150()
testDataJSON35()
testBlobParse150()
testBlobParse35()
testDataParse150()
testDataParse35()

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Browser/OS: Chrome 111 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
testBlobJSON150()	4747.7 Ops/sec
testBlobJSON35()	5051.8 Ops/sec
testDataJSON150()	616.0 Ops/sec
testDataJSON35()	2655.4 Ops/sec
testBlobParse150()	4988.9 Ops/sec
testBlobParse35()	5011.1 Ops/sec
testDataParse150()	628.1 Ops/sec
testDataParse35()	2729.7 Ops/sec

response.json() vs JSON.parse() testtest (version: 0)

Comparing performance of: testBlobJSON150() vs testBlobJSON35() vs testDataJSON150() vs testDataJSON35() vs testBlobParse150() vs testBlobParse35() vs testDataParse150() vs testDataParse35()

Created: one year ago by: Guest

Jump to the latest result

testBlobJSON150()

testBlobJSON35()

testDataJSON150()

testDataJSON35()

testBlobParse150()

testBlobParse35()

testDataParse150()

testDataParse35()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A