Run results for: Test DOM elements selector

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/152.0.0.0 Safari/537.36

Browser: Chrome 152

Operating system: Linux

Device Platform: Desktop

Date tested: 7 days ago

Benchmark engine: Benchmark.js

Test name	Executions per second
✓ querySelectorAll:class	12,845 Ops/sec
querySelectorAll:id	12,415 Ops/sec

Script Preparation code:

// Custom query selector
function queryAll(selector) {
  if (typeof selector !== 'string') return selector;
  
  // ID
  var id_sel = selector.match(/^#([\w-]*)$/);
  if (id_sel) {
    var elem = document.getElementById(id_sel[1]);
    return (elem ? [elem] : []);  // Always return an array
  }
  
  // CLASS
  var class_sel = !id_sel && selector.match(/^\.([\w-]+)$/);
  if (class_sel) {
    var elems = document.getElementsByClassName(class_sel[1]);
    return elems;
  }
  
  // TAG
  var tag_sel = !class_sel && selector.match(/^[\w-]+$/);
  if (tag_sel) {
    var elems = document.getElementsByTagName(selector);
    return elems;
  }
  
  // Fallback
  return document.querySelectorAll(selector);
}

// Prepare DOM elements
var elements = '';
for (var i=0, len=10000; i<len; i++){
  elements += '<div id="someid" class="someclass el'+i+'">'+i+'</div>';
}
document.body.innerHTML += elements;

Run results for: Test DOM elements selector

querySelectorAll:class

querySelectorAll:id