createTextNode vs append vs prepend vs innerHTML vs innerText vs textContent (version: 0) Benchmark.js

Comparing performance of: createTextNode vs append vs prepend vs innerHTML vs innerText vs textContent

Created: 3 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
    createTextNode
    append
    prepend
    innerHTML
    innerText
    textContent

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0
Firefox 131 on Windows
View result in a separate tab
prepend
1.5M/s
innerHTML
602K/s
textContent
600K/s
innerText
553K/s
createTextNode
1K/s
append
594/s
View exact numbers
Test name Executions per second
✓ prepend 1,489,749 Ops/sec
innerHTML 602,239 Ops/sec
textContent 600,481 Ops/sec
innerText 552,668 Ops/sec
createTextNode 1,232 Ops/sec
append 594 Ops/sec