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

getElementsByTagName vs getElementsByClassName vs getElementsByName vs querySelectorAll (v23)

Revision 23 of this benchmark created by Philip Sorokin on April 8, 2015

Preparation HTML

<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>
<img name="img" class="img" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" width="1" height="1"/>

Test runner

Ready to run.

Testing in
Test		Ops/sec
getElementsByTagName	`var x = document.getElementsByTagName("img");`	ready
getElementsByClassName	`var y = document.getElementsByClassName("img");`	ready
getElementsByName	`var z = document.getElementsByName("img");`	ready
document.images	`var a = document.images;`	ready
querySelectorAll (tagname)	`var b = document.querySelectorAll("img");`	ready
querySelectorAll (classname)	`var c = document.querySelectorAll(".img");`	ready
querySelectorAll (name)	`var d = document.querySelectorAll("[name='img']");`	ready

Revisions

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

Revision 1: published on December 7, 2010
Revision 2: published on August 1, 2011
Revision 3: published by Jordo on August 3, 2011
Revision 4: published on October 21, 2011
Revision 5: published on April 26, 2012
Revision 8: published on November 7, 2012
Revision 9: published on January 5, 2013
Revision 10: published by BigBossSNK on March 24, 2013
Revision 11: published by Dan on August 23, 2013
Revision 12: published on August 23, 2013
Revision 13: published on August 23, 2013
Revision 15: published by Dan on August 26, 2013
Revision 16: published by Dan on August 28, 2013
Revision 18: published on February 27, 2014
Revision 19: published on July 31, 2014
Revision 20: published on December 30, 2014
Revision 21: published on January 5, 2015
Revision 22: published on January 20, 2015
Revision 23: published by Philip Sorokin on April 8, 2015
Revision 24: published on August 4, 2015
Revision 25: published on September 2, 2015