Remove all children from DOM node (version: 2)

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

Created: one year ago by: Registered User
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
    childNodes

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Chrome 134 on Linux
View result in a separate tab
Remove firstChild
20.5M/s
Remove lastChild
20.3M/s
firstChild.remove
19.7M/s
innerText
6.6M/s
childNodes
3.9M/s
replaceChildren
2.2M/s
range
2.1M/s
innerHTML
2.1M/s
textContent
2.1M/s
View exact numbers
Test name Executions per second
✓ Remove firstChild 20,473,118 Ops/sec
Remove lastChild 20,326,486 Ops/sec
firstChild.remove 19,739,490 Ops/sec
innerText 6,637,128 Ops/sec
childNodes 3,898,192 Ops/sec
replaceChildren 2,249,069 Ops/sec
range 2,110,617 Ops/sec
innerHTML 2,088,062 Ops/sec
textContent 2,056,856 Ops/sec

Related benchmarks