Benchmark: hasAttribute with/out getAttribute

HTML Preparation code:

<div id="div1" class="">
<div id="div2" class="test">
<div id="div3">
<div id="div4" class="test">
<div id="div5" class="test test2">  
</div>
<script>
        Benchmark.prototype.setup = function() {
			const nodes = document.querySelectorAll('div');
  };
</script>

Tests:

with getAttribute
let list = []; nodes.forEach((node) => { if(node && node.hasAttribute && node.hasAttribute("class") && node.getAttribute("class")) { list.push(node); } }) console.log(list)
without getAttribute
let list = []; nodes.forEach((node) => { if(node && node.hasAttribute && node.hasAttribute("class")) { list.push(node); } }) console.log(list)
forOf (with getAttribute)
let list = []; for(const node of nodes) { if(node && node.hasAttribute && node.hasAttribute("class") && node.getAttribute("class")) { list.push(node); } } console.log(list)
forOf (without getAttribute)
let list = []; for(const node of nodes) { if(node && node.hasAttribute && node.hasAttribute("class")) { list.push(node); } } console.log(list)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
with getAttribute
without getAttribute
forOf (with getAttribute)
forOf (without getAttribute)

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Browser/OS: Chrome 111 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
with getAttribute	104007.8 Ops/sec
without getAttribute	101740.8 Ops/sec
forOf (with getAttribute)	90951.9 Ops/sec
forOf (without getAttribute)	86486.5 Ops/sec

hasAttribute with/out getAttribute (version: 1)

Comparing performance of: with getAttribute vs without getAttribute vs forOf (with getAttribute) vs forOf (without getAttribute)

Created: one year ago by: Registered User

Jump to the latest result

with getAttribute

without getAttribute

forOf (with getAttribute)

forOf (without getAttribute)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A