Run results for: Text.data vs Text.nodeValue

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.101 Safari/537.36

Browser: Chrome 87

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Text.data	4315.8 Ops/sec
Text.nodeValue	3997.1 Ops/sec
Text.data with check against old value	1966.6 Ops/sec
Text.nodeValue with check against old value	1935.1 Ops/sec

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; } }

Run results for: Text.data vs Text.nodeValue

Text.data

Text.nodeValue

Text.data with check against old value

Text.nodeValue with check against old value