selector vs for loop

Benchmark created on


Preparation HTML

<span itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">

<span itemprop="streetAddress">123 Main St</span>, 
<span itemprop="addressLocality">Anywhere</span>, 
<span itemprop="addressRegion">CA</span>, 
<span itemprop="postalCode">90210</span>

</span>

Test runner

Ready to run.

Testing in
TestOps/sec
selector
var items = document.querySelectorAll('[itemscope][itemtype="http://schema.org/PostalAddress"]');
for (var i = 0; i < items.length; i++) {
  var item = items.item(i);
  var properties = item.querySelectorAll('[itemprop]');
  for (var j = 0; j < properties.length; j++) {
    var property = properties.item(j);
  }
}
ready
for loop
var items = document.querySelectorAll('[itemscope]');
for (var i = 0; i < items.length; i++) {
  var item = items.item(i);
  var attr = item.getAttribute('itemtype');
  if (attr && attr === 'http://schema.org/PostalAddress') {
    var properties = item.querySelectorAll('[itemprop]');
    for (var j = 0; j < properties.length; j++) {
      var property = properties.item(j);
    }
  }

}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.