Benchmark: Getting a context: while loop nodeName check vs while loop instanceof vs while loop constructor

HTML Preparation code:

<contextprovider id="provider">
  <div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div>
      <div>
        <span>
          <span>
            <span>abc</span>
          </span>
          def
          <span>
            <span id="foo"></span>
          </span>
        </span>
      </div>
      ghi
    </div>
  </div>
</contextprovider>

Script Preparation code:

var context = document.getElementById('provider');
var element = document.getElementById('foo');

Tests:

while loop + tagName check
var i = 5000; while (i--) { let ctx = element; while (ctx && ctx.nodeName !== 'CONTEXTPROVIDER') { ctx = ctx.assignedSlot || ctx.parentNode || ctx.host; } if (ctx !== context) { throw new Error('mismatch'); } }
while loop + instanceof check
var i = 5000; while (i--) { let ctx = element; while (ctx && !(ctx instanceof HTMLUnknownElement)) { ctx = ctx.assignedSlot || ctx.parentNode || ctx.host; } if (ctx !== context) { throw new Error('mismatch'); } }
while loop + consturctor check
var i = 5000; while (i--) { let ctx = element; while (ctx && ctx.constructor !== HTMLUnknownElement) { ctx = ctx.assignedSlot || ctx.parentNode || ctx.host; } if (ctx !== context) { throw new Error('mismatch'); } }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
while loop + tagName check
while loop + instanceof check
while loop + consturctor check

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 13) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Mobile Safari/537.36

Browser/OS: Chrome Mobile 113 on Android

View result in a separate tab

Test name	Executions per second
while loop + tagName check	201.5 Ops/sec
while loop + instanceof check	68.6 Ops/sec
while loop + consturctor check	86.1 Ops/sec

Getting a context: while loop nodeName check vs while loop instanceof vs while loop constructor (version: 0)

Comparing performance of: while loop + tagName check vs while loop + instanceof check vs while loop + consturctor check

Created: one year ago by: Guest

Jump to the latest result

while loop + tagName check

while loop + instanceof check

while loop + consturctor check

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A