Run results for: CreateElement vs DOM Parser

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.6099.794 YaBrowser/24.1.5.794 Yowser/2.5 Safari/537.36

Browser: Yandex Browser 24

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

CreateHTMLDocument

242.0M/s

CreateElement

236.7M/s

DOMParser

230.6M/s

View exact numbers

Test name	Executions per second
✓ CreateHTMLDocument	242,008,336 Ops/sec
CreateElement	236,722,240 Ops/sec
DOMParser	230,649,056 Ops/sec

Script Preparation code:

var testString = '<body>' + Array(100001).join('<div>x</div>') + '</body>';

Tests:

CreateElement
function test_innerHTML() { var b = document.createElement('body'); b.innerHTML = testString; return b; }
CreateHTMLDocument
function test_createHTMLDocument() { var d = document.implementation.createHTMLDocument(''); d.body.innerHTML = testString; return d.body; }
DOMParser
function test_DOMParser() { return (new DOMParser).parseFromString(testString, 'text/html').body; }