Benchmark: append + createTextNode vs appenChild

Script Preparation code:

var root = document.createElement("div");

var getRandomNumber = () => Math.floor(Math.random() * 10001);

var getText = () => `lorem ipsum ${getRandomNumber()} dolor sit amet`;

var max = 1000;

Tests:

appendChild + createTextNode
for (let i = 0; i < max; i++) { root.appendChild(document.createTextNode(getText())); }
append
for (let i = 0; i < max; i++) { root.append(getText()); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
appendChild + createTextNode
append

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

createTextNode vs textContent vs innerText
append vs appendChild + createTextNode
createTextNode vs textContent vs innerText vs append
append vs appenChild : TextNode

append + createTextNode vs appenChild (version: 0)

Comparing performance of: appendChild + createTextNode vs append

Created: 2 years ago by: Guest

Jump to the latest result

appendChild + createTextNode

append

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results