Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
custom element vs div init
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Browser:
Chrome 134
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
div
1107.4 Ops/sec
class
474.9 Ops/sec
HTML Preparation code:
<!--your preparation HTML code goes here-->
Script Preparation code:
class Custom extends HTMLElement { constructor() { super() } } customElements.define("custom-me", Custom) function create() { return document.createElement('div') }
Tests:
div
for(let i = 0; i< 10000; i++){create()}
class
for(let i = 0; i< 10000; i++){new Custom()}