Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Web Components
(version: 1)
Comparing performance of:
Web Component vs Native Element
Created:
one month ago
by:
Registered User
Jump to the latest result
HTML Preparation code:
<!--your preparation HTML code goes here-->
Script Preparation code:
class WebComponent extends HTMLElement {} customElements.define('web-component', WebComponent);
Tests:
Web Component
const el = document.createElement('web-component'); document.body.append(el);
Native Element
const el = document.createElement('div'); document.body.append(el);
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Web Component
Native Element
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one month ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36 Edg/146.0.0.0
Browser/OS:
Chrome 146 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=627027" width="100%" height="500px"></iframe>
Test name
Executions per second
Web Component
342295.8 Ops/sec
Native Element
1269883.6 Ops/sec
Related benchmarks:
createElement vs createContextualFragment
Example
ssssdsaddffvfggggfffdssff
ssssdsaddffvfggggfffdssffff
ssssdsaddffvfggggfffdssffffdd
createElement vs createElementNS
innerHTML vs createElement
Web Component append content 4 ways
custom element vs div init
Comments
Confirm delete:
Do you really want to delete benchmark?