Benchmark: removeEventListener vs AbortController

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

// Create a div we can attach listeners to
window.testTarget = document.createElement("div");
document.body.appendChild(window.testTarget);

Tests:

addEventListener + removeEventListener
const el = window.testTarget; for (let i = 0; i < 10000; i++) { const handler = () => {}; el.addEventListener("click", handler); el.removeEventListener("click", handler); }
addEventListener + AbortController
const el = window.testTarget; for (let i = 0; i < 10000; i++) { const controller = new AbortController(); const handler = () => {}; el.addEventListener("click", handler, { signal: controller.signal }); controller.abort(); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
addEventListener + removeEventListener
addEventListener + AbortController

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser/OS: Chrome 137 on Mac OS X 10.15.7

addEventListener + removeEventListener

717/s

addEventListener + AbortController

41/s

View exact numbers

Test name	Executions per second
✓ addEventListener + removeEventListener	717 Ops/sec
addEventListener + AbortController	41 Ops/sec

removeEventListener vs AbortController (version: 1)