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	2255362.8 Ops/sec
querySelector	143837.8 Ops/sec
speed find	405974.2 Ops/sec
selector	251956.0 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')

Run results for: getElementsByClassName, querySelector

getElementsByClassName

querySelector

speed find

selector