Run results for: Vanilla JS closest VS while loop

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Vanilla JS way	1983271.4 Ops/sec
While loop way	1815738.1 Ops/sec

HTML Preparation code:

<html>
  <body>
    <div class="a1">
      <div class="b1">
        <div class="c1">
          <div class="d1">
            <div class="e1">
              <div id="final"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="a1">
      <div class="b1">
        <div class="c1">
          <div class="d1">
            <div class="e1">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="a1">
      <div class="b1">
        <div class="c1">
          <div class="d1">
            <div class="e1">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="a1">
      <div class="b1">
        <div class="c1">
          <div class="d1">
            <div class="e1">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="a1">
      <div class="b1">
        <div class="c1">
          <div class="d1">
            <div class="e1">
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Script Preparation code:

var el = document.getElementById('final')

Tests:

Vanilla JS way
var target = el.closest('.b1')
While loop way
var current = el while (true) { current = current.parentElement if (!current) break; if (current.classList.contains('b1')) break; }

Run results for: Vanilla JS closest VS while loop

Vanilla JS way

While loop way