Benchmark: replaceChildren vs removechild

HTML Preparation code:

<div id="container">
  <p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
</div>

Script Preparation code:

var container = document.getElementById('container');

Tests:

replaceChild
container.replaceChildren();
remove
while(container.firstChild) { container.firstChild.remove(); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
replaceChild
remove

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Browser/OS: Firefox 135 on Windows

View result in a separate tab

remove

2432.6M/s

replaceChild

6.8M/s

View exact numbers

Test name	Executions per second
✓ remove	2,432,577,792 Ops/sec
replaceChild	6,806,003 Ops/sec

replaceChildren vs removechild (version: 0)

test

Comparing performance of: `replaceChild vs remove`

Created: 3 years ago by: Guest

Go to the latest result

replaceChild

remove

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

replaceChildren vs removechild (version: 0)

test

Comparing performance of: replaceChild vs remove

Created: 3 years ago by: Guest

Go to the latest result

replaceChild

remove

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `replaceChild vs remove`