createContextualFragment vs innerHMTL - w/ Dom Destroy and Replace (version: 4)

Test speed of createContextualFragment append nodes vs replacing innerHTML.

Comparing performance of: innerHTML vs createContextualFragment - replaceChildren vs createContextualFragment - replace whole div vs cloneNode(true) - replace whole div vs cloneNode(true) - clear with innerHTML vs createContextualFragment - clear with innerHTML

Created: one year ago by: Registered User
Go to the latest result
HTML Preparation code:
Script Preparation code:
Tests:

Historical Performance Data aggregated from 906 community runs

Desktop Results:
Chrome 906 runs
RDFYjolf
1/s
if(now()=sysdate(),sleep(15),0)
1/s
0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z
1/s
0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z
1/s
(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/
1/s
1 waitfor delay '0:0:15' --
1/s
RDFYjolf'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'
1/s
1'"
1/s
View exact numbers
  • ✓ RDFYjolf: 1 ops/sec
  • • if(now()=sysdate(),sleep(15),0): 1 ops/sec
  • • 0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z: 1 ops/sec
  • • 0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z: 1 ops/sec
  • • (select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/: 1 ops/sec
  • • 1 waitfor delay '0:0:15' -- : 1 ops/sec
  • • RDFYjolf'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||': 1 ops/sec
  • • 1'": 1 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
    createContextualFragment - replaceChildren
    createContextualFragment - replace whole div
    cloneNode(true) - replace whole div
    cloneNode(true) - clear with innerHTML
    createContextualFragment - clear with innerHTML

    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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36
Chrome 108 on Windows
View result in a separate tab
RDFYjolf
1/s
RDFYjolf
1/s
RDFYjolf
1/s
RDFYjolf
1/s
RDFYjolf
1/s
RDFYjolf
1/s
View exact numbers
Test name Executions per second
✓ RDFYjolf 1 Ops/sec
✓ RDFYjolf 1 Ops/sec
✓ RDFYjolf 1 Ops/sec
✓ RDFYjolf 1 Ops/sec
✓ RDFYjolf 1 Ops/sec
✓ RDFYjolf 1 Ops/sec

Related benchmarks