Run results for: Dom vs DomFragments vs Hybrid

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36

Browser: Chrome 79

Operating system: Mac OS X 10.14.4

Device Platform: Desktop

Date tested: 4 years ago

Tests:

DOM
const test = document.createElement('div') test.innerHTML = '<div>foo bar</div>' document.body.append(...test.childNodes)
DomFragment
const test = document.createRange().createContextualFragment('<div>foo bar</div>') document.body.append(test)
hybrid
const test1 = document.createElement('div') const test2 = document.createRange().createContextualFragment('<div>foo bar</div>') test1.append(test2) document.body.append(...test1.childNodes)