Run results for: Clone node vs create element frag

Run details:

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

Browser: Chrome 85

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Clone node	5892.7 Ops/sec
Create element	4527.5 Ops/sec

HTML Preparation code:


<div id='t'></div>

Script Preparation code:

function createExample() {
  return document.createElement('div');
}

Tests:

Clone node
let fragment = document.createDocumentFragment(); const cloneDiv = createExample(); for(let i = 0; i < 100; ++i) { fragment.appendChild(cloneDiv.cloneNode(false)); } document.getElementById('t').appendChild(fragment);
Create element
let fragment = document.createDocumentFragment(); for(let i = 0; i < 100; ++i) { fragment.appendChild(createExample()); } document.getElementById('t').appendChild(fragment);