Run results for: Document Fragment Tests

Run details:

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

Browser: Chrome 70

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Document Fragment 1	35112.5 Ops/sec
Document Fragment 2	36.8 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);