Run results for: querySelector vs Closest!!

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

querySelector?

1.4M/s

Closest?

1.3M/s

View exact numbers

Test name	Executions per second
✓ querySelector?	1,416,411 Ops/sec
Closest?	1,347,006 Ops/sec

HTML Preparation code:

<div><div><div>

<div data-parent="parent-id">

  <div><div>

    <div data-target="target-id">

      <div><div>

        <div data-clicked="clicked-id"></div>

      </div></div>

    </div>

  </div></div>

</div>

</div></div></div>

Tests:

Closest?
document.querySelector('[data-parent="parent-id"]').closest('[data-clicked="clicked-id"]')
querySelector?
document.querySelector('[data-parent="parent-id"]').querySelector('[data-clicked="clicked-id"]')