Run results for: template vs documentFragment

Run details:

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

Browser: Chrome 134

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
createElement	260212.4 Ops/sec
createDocumentFragment	5163857.5 Ops/sec

Script Preparation code:

const html = "<span class='eChat-Custom-group-member Right'>5 members</span>"

Tests:

createElement
const template = document.createElement("template"); template.innerHTML = html.toString().trim(); document.body.appendChild(template.content.firstChild);
createDocumentFragment
var frag = document.createDocumentFragment(); frag.innerHtml = html.toString().trim(); document.body.appendChild(frag);