Run results for: Dom benchmark

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
one-liner found	4201718.5 Ops/sec
if breakout found	4176885.0 Ops/sec
one-liner not found	4181605.0 Ops/sec
if breakout not found	4010483.0 Ops/sec
single found	4296088.5 Ops/sec

HTML Preparation code:

<div id="i1">
  <div id="i2">
    <div id="i4" class="c1">
      <div class="c5">
        <div class="c4">

        </div>
        <div class="c5">

        </div>
      </div>
    </div>
    <div class="c7">
      <div class="c6">

      </div>
    </div>
    <div id="i3" class="c2">
      <div class="c3">
        <div class="c4">
          <div class="c8">
            <span>
				Find me
            </span>
          </div>
        </div>
        <div class="c5">

        </div>
      </div>
    </div>
  </div>
</div>

Script Preparation code:

function test1() {
  return document.getElementById('i3').querySelector('span');
}

function test2() {
  var e = document.getElementById('i3');
  return e ? e.querySelector('span') : null;
}

function test3() {
  return document.getElementById('i4').querySelector('span');
}

function test4() {
  var e = document.getElementById('i4');
  return e ? e.querySelector('span') : null;
}

function test5() {
  return document.querySelector('span');
}

Tests:

one-liner found
var r = test1();
if breakout found
var r = test2();
one-liner not found
var r = test3();
if breakout not found
var r = test4();
single found
var r = test5();

Run results for: Dom benchmark

one-liner found

if breakout found

one-liner not found

if breakout not found

single found