jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

querySelector vs getElementById (v2)

Revision 2 of this benchmark created on October 21, 2011

Description

Checking how much faster is document.getElementById vs document.querySelector

Preparation HTML

<div id="foo" class="bar"></div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
getElementById	`document.getElementById('foo')`	ready
querySelector - by id	`document.querySelector('#foo')`	ready
querySelector - by class	`document.querySelector('.bar')`	ready
getElementsByTagName	`document.getElementsByTagName('div')[0];`	ready

Revisions

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

Revision 1: published by Skowron on October 19, 2011
Revision 2: published on October 21, 2011
Revision 5: published on November 16, 2012