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

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

Created: 3 years ago by: Guest
Jump to the latest result
HTML Preparation code:
Script Preparation code:
Tests:

  • createTextNode

  • append

  • prepend

  • innerHTML

  • innerText

  • textContent

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
Test name Executions per second
createTextNode 1232.2 Ops/sec
append 593.5 Ops/sec
prepend 1489749.0 Ops/sec
innerHTML 602238.6 Ops/sec
innerText 552668.2 Ops/sec
textContent 600480.8 Ops/sec