createTextNode vs textContent vs innerText vs append vs innerHTML vs insertAdjacentHTML vs nodeValue vs replaceChildren vs appendChild (version: 0)

Comparing performance of: createTextNode vs textContent vs innerText vs append vs innerHTML vs insertAdjacentHTML vs nodeValue vs replaceChildren vs appendChild

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

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    createTextNode
    textContent
    innerText
    append
    innerHTML
    insertAdjacentHTML
    nodeValue
    replaceChildren
    appendChild

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 6 months ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36 Edg/144.0.0.0
Chrome 144 on Windows
View result in a separate tab
nodeValue
9.1M/s
append
2.2M/s
appendChild
1.9M/s
createTextNode
1.8M/s
innerText
1.7M/s
textContent
1.6M/s
replaceChildren
1.5M/s
insertAdjacentHTML
774K/s
innerHTML
766K/s
View exact numbers
Test name Executions per second
✓ nodeValue 9,142,647 Ops/sec
append 2,243,387 Ops/sec
appendChild 1,868,374 Ops/sec
createTextNode 1,755,908 Ops/sec
innerText 1,667,831 Ops/sec
textContent 1,578,048 Ops/sec
replaceChildren 1,511,206 Ops/sec
insertAdjacentHTML 773,758 Ops/sec
innerHTML 765,642 Ops/sec

Related benchmarks