Benchmark: textContent vs nodeValue vs data

HTML Preparation code:

<div id="el"> </div>

Script Preparation code:

var a = document.querySelector('#el');

Tests:

element.textContent
a.textContent = Math.random();
node.textContent
a.firstChild.textContent = Math.random();
node.nodeValue
a.firstChild.nodeValue = Math.random();
node.data
a.firstChild.data = Math.random();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
element.textContent
node.textContent
node.nodeValue
node.data

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: 14 days ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_8_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.6 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 15 on iOS 15.8.2

View result in a separate tab

Test name	Executions per second
element.textContent	1504664.0 Ops/sec
node.textContent	1594069.0 Ops/sec
node.nodeValue	1535204.0 Ops/sec
node.data	1618388.0 Ops/sec

textContent vs nodeValue vs data (version: 0)

Comparing performance of: element.textContent vs node.textContent vs node.nodeValue vs node.data

Created: 2 years ago by: Guest

Jump to the latest result

element.textContent

node.textContent

node.nodeValue

node.data

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A