Remove all children from DOM element 30 (version: 0)

Comparing performance of: Remove firstChild vs Remove lastChild vs innerHTML vs innerText vs textContent vs firstChild.remove vs range vs replaceChildren

Created: 2 years ago by: Guest
Go to the latest result
HTML Preparation code:
Script Preparation code:
Tests:
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    Remove firstChild
    Remove lastChild
    innerHTML
    innerText
    textContent
    firstChild.remove
    range
    replaceChildren

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 2 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Chrome 122 on Mac OS X 10.15.7
View result in a separate tab
firstChild.remove
10.3M/s
Remove firstChild
10.3M/s
Remove lastChild
10.3M/s
innerHTML
8.6M/s
textContent
8.4M/s
replaceChildren
7.8M/s
innerText
7.4M/s
range
2.7M/s
View exact numbers
Test name Executions per second
✓ firstChild.remove 10,332,918 Ops/sec
Remove firstChild 10,291,701 Ops/sec
Remove lastChild 10,280,178 Ops/sec
innerHTML 8,593,443 Ops/sec
textContent 8,397,485 Ops/sec
replaceChildren 7,788,756 Ops/sec
innerText 7,444,265 Ops/sec
range 2,685,014 Ops/sec

Related benchmarks