Benchmark: createElement vs cloneNode(true)

Tests:

createElement
const list = [] for(let n = 0; n < 100000; n++) { const label = document.createElement('label') label.textContent = "Input: " const input = document.createElement('input') label.append(input) list.push(label); }
cloneNode
const list = [] const label = document.createElement('label') label.textContent = "Input: " const input = document.createElement('input') label.append(input) for(let n = 0; n < 100000; n++) { list.push(label.cloneNode(true)); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
createElement
cloneNode

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Edg/143.0.0.0

Browser/OS: Chrome 143 on Windows

createElement

8/s

cloneNode

7/s

View exact numbers

Test name	Executions per second
✓ createElement	8 Ops/sec
cloneNode	7 Ops/sec

createElement vs cloneNode(true) (version: 1)