Bench InnerHTML vs CreateElement + ReplaceChildren (version: 1)

Bench InnerHTML against CreateElement + ReplaceChildren

Comparing performance of: InnerHTML vs CreateElement + ReplaceChildren

Created: 8 months ago by: Guest
Go to the latest result
HTML Preparation code:
Tests:

Historical Performance Data aggregated from 5 community runs

Mobile Results:
Firefox 5 runs
CreateElement + ReplaceChildren
28K/s
InnerHTML
26K/s
View exact numbers
  • ✓ CreateElement + ReplaceChildren: 27,906 ops/sec
  • • InnerHTML: 26,356 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    InnerHTML
    CreateElement + ReplaceChildren

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 7 months ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36
Chrome 141 on Mac OS X 10.15.7
View result in a separate tab
InnerHTML
1.6M/s
CreateElement + ReplaceChildren
1.4M/s
View exact numbers
Test name Executions per second
✓ InnerHTML 1,605,369 Ops/sec
CreateElement + ReplaceChildren 1,402,214 Ops/sec

Related benchmarks