Benchmark: textContent vs. firstChild.nodeValue

HTML Preparation code:

<div id='message'>Test Message</div>

Tests:

textContent
const element = document.getElementById('message') if (!element) throw 'no element found'; element.textContent = 'A New Message';
firstChild.nodeValue
const element = document.getElementById('message') if (!element) throw 'no element found'; element.firstChild.nodeValue = 'A New Message';

Rendered benchmark preparation results:

Previous results

Test case name	Result
textContent
firstChild.nodeValue

ⓘ Get performance results from real users on your website with 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/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15

Browser/OS: Safari 16 on Mac OS X 10.15.7

Test name	Executions per second
textContent	5688593.0 Ops/sec
firstChild.nodeValue	9803651.0 Ops/sec

textContent vs. firstChild.nodeValue (version: 0)