Benchmark: Text.data vs Text.nodeValue

Script Preparation code:

function randomString(length) {
    let result = "";
    const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
    for (let i = 0; i < length; i++) {
        result += characters.charAt(Math.floor(Math.random() * characters.length));
    }
    return result;
}

var randomStrings = Array.from({
    length: 1000
}, () => randomString(100));

var text = document.createTextNode("");

Tests:

Text.data
for (const s of randomStrings) { text.data = s; }
Text.nodeValue
for (const s of randomStrings) { text.nodeValue = s; }
Text.data with check against old value
for (const s of randomStrings) { if (text.data !== s) { text.data = s; } }
Text.nodeValue with check against old value
for (const s of randomStrings) { if (text.nodeValue !== s) { text.nodeValue = s; } }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Text.data
Text.nodeValue
Text.data with check against old value
Text.nodeValue with check against old value

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/109.0.0.0 Safari/537.36

Browser/OS: Chrome 109 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Text.data	13862.6 Ops/sec
Text.nodeValue	14068.8 Ops/sec
Text.data with check against old value	7733.5 Ops/sec
Text.nodeValue with check against old value	7680.4 Ops/sec

Text.data vs Text.nodeValue (version: 0)

Comparing performance of: Text.data vs Text.nodeValue vs Text.data with check against old value vs Text.nodeValue with check against old value

Created: 3 years ago by: Guest

Jump to the latest result

Text.data

Text.nodeValue

Text.data with check against old value

Text.nodeValue with check against old value

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A