Run results for: Dom vs DomFragments vs Hybrid

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:95.0) Gecko/20100101 Firefox/95.0

Browser: Firefox 95

Operating system: Linux

Device Platform: Desktop

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