Benchmark: createElement vs cloneNode 3 with inner content

Tests:

createElement
var list = [], n = 0; while(true) { n++; let node = document.createElement('div'); node.innerHTML = ( '<div><div>Test</div></div>' + '<div></div>' + '<div></div>' + '<div></div>' + '<div></div>' ); list.push(node); if(n===100000) break; }
cloneNode
var list = [], n = 0, node = document.createElement('div'); node.innerHTML = ( '<div><div>Test</div></div>' + '<div></div>' + '<div></div>' + '<div></div>' + '<div></div>' ); while(true) { n++; list.push(node.cloneNode(true)); if(n===100000) break; }

Rendered benchmark preparation results:

Previous results

Test case name	Result
createElement
cloneNode

Latest run results:

Run details: (Test run date: 8 months ago)

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

Browser/OS: Firefox 145 on Linux

cloneNode

12/s

createElement

5/s

View exact numbers

Test name	Executions per second
✓ cloneNode	12 Ops/sec
createElement	5 Ops/sec

createElement vs cloneNode 3 with inner content (version: 1)