Benchmark: createElement vs cloneNode() vs cloneNode(false) vs cloneNode(true)

Tests:

createElement
var list = [], n = 0; while(true) { n++; list.push(document.createElement('div')); if(n===100000) break; }
cloneNode
var list = [], n = 0, node = document.createElement('div'); while(true) { n++; list.push(node.cloneNode()); if(n===100000) break; }
cloneNode false
var list = [], n = 0, node = document.createElement('div'); while(true) { n++; list.push(node.cloneNode(false)); if(n===100000) break; }
cloneNode true
var list = [], n = 0, node = document.createElement('div'); while(true) { n++; list.push(node.cloneNode(true)); if(n===100000) break; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
createElement
cloneNode
cloneNode false
cloneNode true

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36

Browser/OS: Chrome 142 on Linux

View result in a separate tab

cloneNode true

46/s

createElement

46/s

cloneNode false

45/s

cloneNode

44/s

View exact numbers

Test name	Executions per second
✓ cloneNode true	46 Ops/sec
createElement	46 Ops/sec
cloneNode false	45 Ops/sec
cloneNode	44 Ops/sec

createElement vs cloneNode() vs cloneNode(false) vs cloneNode(true) (version: 1)

Faster way to create new dom elements before insertion

Comparing performance of: `createElement vs cloneNode vs cloneNode false vs cloneNode true`

Created: 8 months ago by: Guest

Go to the latest result

createElement

cloneNode

cloneNode false

cloneNode true

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

createElement vs cloneNode() vs cloneNode(false) vs cloneNode(true) (version: 1)

Faster way to create new dom elements before insertion

Comparing performance of: createElement vs cloneNode vs cloneNode false vs cloneNode true

Created: 8 months ago by: Guest

Go to the latest result

createElement

cloneNode

cloneNode false

cloneNode true

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `createElement vs cloneNode vs cloneNode false vs cloneNode true`