Run results for: Document Fragment Tests

Run details:

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

Browser: Chrome 72

Operating system: Linux

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Document Fragment 1	8144.1 Ops/sec
Document Fragment 2	2483.7 Ops/sec

HTML Preparation code:

<ul id="test-ul">
</ul>
<div id="test-div">
</div>

Tests:

Document Fragment 1
var ul = document.getElementById('test-ul'); var docfrag = document.createDocumentFragment(); var browserList = ["Internet Explorer", "Firefox", "Safari", "Chrome", "Opera"]; browserList.forEach(function(e) { var li = document.createElement("li"); li.textContent = e; docfrag.appendChild(li); }); ul.appendChild(docfrag);
Document Fragment 2
var div = document.getElementById('test-div'); var docfrag = document.createDocumentFragment(); var ul = docfrag.appendChild(document.createElement('ul')); var browserList = ["Internet Explorer", "Firefox", "Safari", "Chrome", "Opera"]; browserList.forEach(function(e) { var li = document.createElement("li"); li.textContent = e; ul.appendChild(li); }); div.appendChild(docfrag);