Run results for: append + createTextNode vs appenChild

Run details:

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

Browser: Firefox 117

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
appendChild + createTextNode	2628.8 Ops/sec
append	4196.5 Ops/sec

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()); }

Run results for: append + createTextNode vs appenChild

appendChild + createTextNode

append