Run results for: getElementsByClassName, querySelector

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36

Browser: Chrome 66

Operating system: Mac OS X 10.13.3

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
getElementsByClassName	3637227.2 Ops/sec
querySelector	320583.0 Ops/sec
speed find	1041159.3 Ops/sec
selector	605474.8 Ops/sec
j	344037.2 Ops/sec

HTML Preparation code:

<div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div> <div class="div1"><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><h1>H1</h1><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><h2>h2</h2></div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div>

Tests:

getElementsByClassName
document.getElementsByClassName("div1")
querySelector
document.querySelector(".div1")
speed find
$.find('.div1')
selector
$('.div1')
j
$(document.getElementsByClassName("div1"))

Run results for: getElementsByClassName, querySelector

getElementsByClassName

querySelector

speed find

selector

j