Run results for: Dom vs DomFragments vs Hybrid

Run details:

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

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 3 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)