MeasureThat.net

 innerHTMl vs cached DOM fragment (version: 0)

the cached DOM fragment is to be added later (via appendChild -> very fast)

Comparing performance of: creating DOM objects and saving them in memory vs creating DOM objects implicitly and adding them to the DOM

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

  • creating DOM objects and saving them in memory

  • creating DOM objects implicitly and adding them to the DOM

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    creating DOM objects and saving them in memory
    creating DOM objects implicitly and adding them to the DOM

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 2 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Chrome 105 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
creating DOM objects and saving them in memory 581.3 Ops/sec
creating DOM objects implicitly and adding them to the DOM 468.9 Ops/sec
Related benchmarks: