Run results for: cloneNodes vs createElements

Run details:

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: Chrome 145

Operating system: Windows

Device Platform: Desktop

Date tested: 6 months ago

Benchmark engine: Benchmark.js

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

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