Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
range.createContextualFragment vs template.innerHtml Fork
(version: 1)
Comparing performance of:
createContextualFragment vs innerHTML
Created:
one year ago
by:
Guest
Go to the latest result
Script Preparation code:
var str = `<div>${Math.random().toString().slice(2)}</div>`; var temp = document.createElement('template') var res = ''; for(i=0; i<30000; i++){ res += str }
Tests:
createContextualFragment
temp.appendChild(document.createRange().createContextualFragment(res))
innerHTML
temp.innerHTML = res
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
createContextualFragment
innerHTML
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 Edg/134.0.0.0
Browser/OS:
Chrome 134 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=593954" width="100%" height="500px"></iframe>
innerHTML
51/s
createContextualFragment
46/s
View exact numbers
Test name
Executions per second
✓
innerHTML
51 Ops/sec
createContextualFragment
46 Ops/sec
Related benchmarks
Comparação entre createElement vs string template
createContextualFragment vs InnerHtml
createElement vs createContextualFragment
range.createContextualFragment vs template.innerHtml
createElement vs createElementNS
Comments
Confirm delete:
Do you really want to delete benchmark?