Benchmark: CreateElement vs DOM Parser (v2)

Script Preparation code:

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

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; }
DOMParser (reused)
function test_DOMParser_reuse() { return parser.parseFromString(testString, 'text/html').body}

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Chrome 123 on Windows

CreateElement vs DOM Parser (v2) (version: 0)