Benchmark Run Result for: Clone Vs Create element

Test name	Executions per second
createElement	2.4 Ops/sec
cloneNode	19.1 Ops/sec

HTML Preparation code:

<div id="home"></div>

Tests:

createElement
var list = [], n = 0; while(true) { n++; var r = document.createElement('div'); var s1 = document.createElement('div'); var s2 = document.createElement('div'); s1.classList.add('one', 'two', 'three'); s2.classList.add('one', 'two', 'three'); r.appendChild(s1); r.appendChild(s2); list.push(r); if(n===100000) break; }
cloneNode
var list = [], n = 0; var r = document.createElement('div'); var s1 = document.createElement('div'); var s2 = document.createElement('div'); s1.classList.add('one', 'two', 'three'); s2.classList.add('one', 'two', 'three'); r.appendChild(s1); r.appendChild(s2); while(true) { n++; var rprime = r.cloneNode(true); list.push(rprime); if(n===100000) break; }