Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
DOMParser vs InnerHTML benchmark 3
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (iPhone; CPU iPhone OS 18_3_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3.1 Mobile/15E148 Safari/604.1
Browser:
Mobile Safari 18
Operating system:
iOS 18.3.2
Device Platform:
Mobile
Date tested:
one year ago
Test name
Executions per second
DOMParser
141343.4 Ops/sec
InnerHTML
378089.9 Ops/sec
HTML Preparation code:
<p>Some paragraph</p>
Script Preparation code:
var htmlBody = `<div> <h3>A body coming from an API... or somewhere else</h3> <div id="html-mock-body"It can contain regular HTML Elements and scripts with links.</div> </div>`; var domParser = new DOMParser();
Tests:
DOMParser
const doc = domParser.parseFromString(htmlBody, 'text/html'); doc.querySelector('h3');
InnerHTML
const container = document.createElement('div'); container.innerHTML = htmlBody; container.querySelector('h3');