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

for vs each (v1) by ddf

Benchmark created on May 7, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
.f9 {   font-size:9px;}
.f10 {  font-size:10px;}
.f11 {  font-size:11px;}
.f12 {  font-size:12px;}
.f13 {  font-size:13px;}
.f14 {  font-size:14px;}
.f15 {  font-size:15px;}
.f16 {  font-size:16px;}
.f16 {  font-size:16px;}
.f18 {  font-size:18px;}
.f20 {  font-size:20px;}
.f22 {  font-size:22px;}
.f23 {  font-size:23px;}
.f24 {  font-size:24px;}
.f25 {  font-size:25px;}
.f26 {  font-size:26px;}
.f27 {  font-size:27px;}
.f28 {  font-size:28px;}
.f29 {  font-size:29px;}
.f30 {  font-size:30px;}
</style>
<div id="M">
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>
            <div class="autoFixFont pics" title="Pics">12<span>P</span></div>
            <div class="autoFixFont comments" title="Comments">34</div>
            <div class="autoFixFont goods" title="Goods">9234</div>


</div>

Test runner

Ready to run.

Test Ops/sec

each

Testing in
Test	Ops/sec
each	var obj = $("#M").find('.autoFixFont') obj.each(function() { var _this = $(this) var thisLength = _this.text().replace(/([\u0391-\uffe5])/ig, '$1a').length if (thisLength < 4) { _this.addClass("f30") } else if (thisLength < 5) { _this.addClass("f28") } else if (thisLength < 6) { _this.addClass("f26") } else if (thisLength < 7) { _this.addClass("f24") } else if (thisLength < 8) { _this.addClass("f22") } else if (thisLength < 10) { _this.addClass("f20") } else if (thisLength < 12) { _this.addClass("f18") } else if (thisLength < 14) { _this.addClass("f14") } else if (thisLength < 20) { _this.addClass("f12") } //_this.find('span').addClass("f18") })	ready
for	var obj = $("#M").find('.autoFixFont') for (i = 0; i < obj.length; i++) { var _this = obj.eq([i]) var thisLength = _this.text().replace(/([\u0391-\uffe5])/ig, '$1a').length if (thisLength < 4) { _this.addClass("f30") } else if (thisLength < 5) { _this.addClass("f28") } else if (thisLength < 6) { _this.addClass("f26") } else if (thisLength < 7) { _this.addClass("f24") } else if (thisLength < 8) { _this.addClass("f22") } else if (thisLength < 10) { _this.addClass("f20") } else if (thisLength < 12) { _this.addClass("f18") } else if (thisLength < 14) { _this.addClass("f14") } else if (thisLength < 20) { _this.addClass("f12") } //_this.find('span').addClass("f18") }	ready

var obj = $("#M").find('.autoFixFont')
obj.each(function() {
 var _this = $(this)
 var thisLength = _this.text().replace(/([\u0391-\uffe5])/ig, '$1a').length


 if (thisLength < 4) {
  _this.addClass("f30")
 } else if (thisLength < 5) {
  _this.addClass("f28")
 } else if (thisLength < 6) {
  _this.addClass("f26")
 } else if (thisLength < 7) {
  _this.addClass("f24")
 } else if (thisLength < 8) {
  _this.addClass("f22")
 } else if (thisLength < 10) {
  _this.addClass("f20")
 } else if (thisLength < 12) {
  _this.addClass("f18")
 } else if (thisLength < 14) {
  _this.addClass("f14")
 } else if (thisLength < 20) {
  _this.addClass("f12")
 }
 //_this.find('span').addClass("f18")
})

ready

for

var obj = $("#M").find('.autoFixFont')
for (i = 0; i < obj.length; i++) {

 var _this = obj.eq([i])
 var thisLength = _this.text().replace(/([\u0391-\uffe5])/ig, '$1a').length


 if (thisLength < 4) {
  _this.addClass("f30")
 } else if (thisLength < 5) {
  _this.addClass("f28")
 } else if (thisLength < 6) {
  _this.addClass("f26")
 } else if (thisLength < 7) {
  _this.addClass("f24")
 } else if (thisLength < 8) {
  _this.addClass("f22")
 } else if (thisLength < 10) {
  _this.addClass("f20")
 } else if (thisLength < 12) {
  _this.addClass("f18")
 } else if (thisLength < 14) {
  _this.addClass("f14")
 } else if (thisLength < 20) {
  _this.addClass("f12")
 }
 //_this.find('span').addClass("f18")
}

ready

Revisions

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

Revision 1: published on May 7, 2011