Benchmark: cloneNodes vs createElements

Script Preparation code:

node = document.createElement('div');
node.setAttribute("class", "hello world");
node.setAttribute("data-id", 1);

Tests:

cloneNode
let newNode = node.cloneNode(true); newNode.dataset.id = Math.random();
createElement
let newNode = document.createElement('div'); node.setAttribute("class", "hello world"); node.dataset.id = Math.random();

Rendered benchmark preparation results:

Previous results

Test case name	Result
cloneNode
createElement

Latest run results:

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

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

Browser/OS: Chrome 145 on Windows

createElement

1.6M/s

cloneNode

1.2M/s

View exact numbers

Test name	Executions per second
✓ createElement	1,629,050 Ops/sec
cloneNode	1,188,989 Ops/sec

cloneNodes vs createElements (version: 1) Benchmark.js