Run results for: removeEventListener vs AbortController

Run details:

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: Chrome 137

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

addEventListener + removeEventListener

735/s

addEventListener + AbortController

41/s

View exact numbers

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

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(); }