Run results for: CreateElement vs DOM Parser

Run details:

User agent: Mozilla/5.0 (Android 14; Mobile; rv:134.0) Gecko/134.0 Firefox/134.0

Browser: Firefox Mobile 134

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

CreateHTMLDocument

1017.2M/s

DOMParser

1015.8M/s

CreateElement

964.4M/s

View exact numbers

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; }