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 selection method (v6)

Revision 6 of this benchmark created on August 17, 2011

Preparation HTML

<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<div class="contacts">
  <h1>
    All contacts
  </h1>
  <div class="contact new">
    <p class="name">
      Jim Jones
    </p>
    <p class="phone">
      (555) 555-1212
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Bob Smith
    </p>
    <p class="phone">
      (555) 555-1213
    </p>
  </div>
  <div class="contact new">
    <p class="name">
      Dave Baker
    </p>
    <p class="phone">
      (555) 555-1214
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Pete Harrison
    </p>
    <p class="phone">
      (555) 555-1215
    </p>
  </div>
  <div class="contact">
    <p class="name">
      George Donald
    </p>
    <p class="phone">
      (555) 555-1216
    </p>
  </div>
  <div class="contact">
    <p class="name">
      Chris Root
    </p>
    <p class="phone">
      (555) 555-1217
    </p>
  </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>

Test runner

Ready to run.

Testing in
Test		Ops/sec
one selector	`$('.contacts .new');`	ready
two selectors	`$('.new', '.contacts');`	ready

Revisions

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

Revision 3: published on August 16, 2011
Revision 4: published by Göran Andersson on August 16, 2011
Revision 6: published on August 17, 2011