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

jQuery class vs attribute selectors (v11)

Revision 11 of this benchmark created by Jose Antonio Marquez Russo on March 3, 2016

Description

Test performance of jQuery of using the class selector ".classname" vs the attribute selector "[class='classname']"

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class="nothing nothing2 content nothing3">
  <div class="nothing1 sub-content nothing3" data-test=true>
    Lorem ipsum dolor sit amet.
  </div>
</div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
class selector	`var content = jQuery('.content .nothing1.sub-content');`	ready
attribute selector	`var content = jQuery('.content .nothing1[data-test=true]');`	ready

Revisions

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

Revision 1: published by Benjamin Bostow on December 19, 2011
Revision 2: published on December 29, 2011
Revision 3: published on August 9, 2012
Revision 5: published on October 16, 2013
Revision 6: published on March 24, 2014
Revision 7: published on March 24, 2014
Revision 8: published on April 16, 2014
Revision 9: published by Tim on March 18, 2015
Revision 10: published on August 10, 2015
Revision 11: published by Jose Antonio Marquez Russo on March 3, 2016