Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
createElement vs cloneNode for template
(version: 1)
Faster way to create new dom elements before insertion
Comparing performance of:
createElement vs cloneNode
Created:
one year ago
by:
Guest
Jump to the latest result
Tests:
createElement
var list = [], n = 0; while(true) { n++; list.push(document.createElement('template')); if(n===100000) break; }
cloneNode
var list = [], n = 0, node = document.createElement('template'); while(true) { n++; list.push(node.cloneNode(true)); if(n===100000) break; }
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
createElement
cloneNode
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
4 months ago
)
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36
Browser/OS:
Chrome 143 on Mac OS X 10.15.7
View result in a separate tab
Embed
Embed Benchmark Result
Test name
Executions per second
createElement
112.6 Ops/sec
cloneNode
90.4 Ops/sec
Related benchmarks:
createElement vs cloneNode
createElement vs cloneNode vs cloneNode(false)
createElement vs cloneNode shallow
createElement vs cloneNode(false)
createElement vs cloneNode()
createElement vs cloneNode variations
createElement vs deep cloneNode vs cloneNode
createElement vs cloneNode 1337
createElement vs cloneNode false
Comments
Confirm delete:
Do you really want to delete benchmark?