Run results for: append vs fragment + appendChild

Run details:

User agent: Mozilla/5.0 (Android 8.0.0; Mobile; rv:88.0) Gecko/88.0 Firefox/88.0

Browser: Firefox Mobile 88

Operating system: Android 8.0.0

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
append	29683.7 Ops/sec
fragment + appendChild	736307.5 Ops/sec

HTML Preparation code:

<div id="target"></div>

Script Preparation code:

var target = document.getElementById('target');

var dummies = [
	document.createElement('p'),
    document.createElement('p'),
    document.createElement('p'),
    document.createElement('p'),
    document.createElement('p')
];

var dummiesFragment = new DocumentFragment
dummiesFragment.appendChild(document.createElement('p'))
dummiesFragment.appendChild(document.createElement('p'))
dummiesFragment.appendChild(document.createElement('p'))
dummiesFragment.appendChild(document.createElement('p'))
dummiesFragment.appendChild(document.createElement('p'))

Tests:

append
target.append(...dummies)
fragment + appendChild
target.appendChild(dummiesFragment)