Benchmark: textContent vs innerHTML vs innerText

HTML Preparation code:


<div id='hello'>Hello, World!</div>

Script Preparation code:

var el = document.getElementById('hello');

Tests:

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 2 days ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:131.0) Gecko/20100101 Firefox/131.0

Browser/OS: Firefox 131 on Mac OS X 10.15

textContent vs innerHTML vs innerText (version: 0)