Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
1000 x event listeners vs single event listener with array of 1000 callbacks
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=619858" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:144.0) Gecko/20100101 Firefox/144.0
Browser:
Firefox 144
Operating system:
Mac OS X 10.15
Device Platform:
Desktop
Date tested:
9 months ago
1 event listener handling an array of 1000 callbacks
50K/s
1000 event listeners
410/s
View exact numbers
Test name
Executions per second
✓
1 event listener handling an array of 1000 callbacks
50,412 Ops/sec
1000 event listeners
410 Ops/sec
Tests:
1000 event listeners
let i = 1001; const results = []; while (--i) { const index = i; window.addEventListener('custom:test', () => { results.push(index); }, {once: true}); } window.dispatchEvent(new CustomEvent('custom:test'));
1 event listener handling an array of 1000 callbacks
let i = 1001; const results = []; const callbacks = []; while (--i) { const index = i; callbacks.push(() => { results.push(index); }) } window.addEventListener('custom:test', () => { callbacks.forEach((cb) => { cb() }) }, {once: true}); window.dispatchEvent(new CustomEvent('custom:test'));