Remove all children from DOM node 2 (version: 1)

Comparing performance of: Remove firstChild vs Remove lastChild vs innerHTML vs innerText vs textContent vs firstChild.remove vs range vs replaceChildren vs for of childNodes vs while 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
    for of childNodes
    while 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
firstChild.remove
20.5M/s
Remove lastChild
20.1M/s
Remove firstChild
19.3M/s
innerText
8.2M/s
while childNodes
7.1M/s
for of childNodes
3.9M/s
textContent
3.0M/s
replaceChildren
2.7M/s
innerHTML
2.6M/s
range
2.1M/s
View exact numbers
Test name Executions per second
✓ firstChild.remove 20,464,064 Ops/sec
Remove lastChild 20,078,214 Ops/sec
Remove firstChild 19,270,598 Ops/sec
innerText 8,153,986 Ops/sec
while childNodes 7,069,852 Ops/sec
for of childNodes 3,925,550 Ops/sec
textContent 2,985,174 Ops/sec
replaceChildren 2,670,057 Ops/sec
innerHTML 2,554,947 Ops/sec
range 2,100,164 Ops/sec

Related benchmarks