Benchmark: render html/text vs. regex

Script Preparation code:

const string = "foobar<a>Link1</a>foobar<a>Link2</a>foobar<a>Link3</a>foobar<a>Link4</a>foobar<a>Link5</a>"

Tests:

regex
string.replace(/<a>(.*?)<\/a>/g, (match, p1) => { return `<a href="/path/${p1.toLowerCase()}>${p1}</a>`; });
parse
const parser = new DOMParser(); const parsed = parser.parseFromString(string, 'text/html'); const parsedAnchors = parsed.querySelectorAll('a'); parsedAnchors.forEach((anchor) => { const content = anchor.innerHTML; anchor.setAttribute('href', `/path/${content.toLowerCase()}`); });

Rendered benchmark preparation results:

Previous results

Test case name	Result
regex
parse

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:136.0) Gecko/20100101 Firefox/136.0

Browser/OS: Firefox 136 on Linux

Test name	Executions per second
regex	921191.4 Ops/sec
parse	17037.5 Ops/sec

Related benchmarks:

render html/text vs. regex (version: 1)