Run results for: getElementsByClassName, querySelector

Run details:

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

Browser: Chrome 65

Operating system: Linux

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
getElementsByClassName	2138967.8 Ops/sec
querySelector	149511.5 Ops/sec
speed find	412219.4 Ops/sec
selector	260204.8 Ops/sec
j	177623.8 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