Benchmark: let createTextNode vs textContent vs innerText vs innerHTML

Script Preparation code:

var a = document.createElement('a');
var textNode = a.appendChild(document.createTextNode(''));

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 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:97.0) Gecko/20100101 Firefox/97.0

Browser/OS: Firefox 97 on Linux

let createTextNode vs textContent vs innerText vs innerHTML (version: 0)