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 each variations

Benchmark created on April 11, 2017

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>

<div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div>
<div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div>
<div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div>
<div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div>
<div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div><div class="weather_cell ">
    <span class="record_time">0600</span>
    <div class="record_icon"></div>
    <span class="record_text">Not Recorded</span>
    <span class="record_sub_text"></span>
</div>

Test runner

Ready to run.

Test Ops/sec

jQuery

Testing in
Test	Ops/sec
jQuery	`var $time_display = $("#weather_data").find('.record_time'); $time_display.each(function () { var prev = $(this).text(); var newTxt = (prev == "6 AM") ? "0600" : (prev == "9 AM") ? "0900" : (prev == "12 PM") ? "1200" : (prev == "3 PM") ? "1500" : (prev == "6 PM") ? "1800" : "N/A"; if (newTxt != "N/A") { $(this).text(newTxt);} });`	ready
Underscore	`var $time_display = $("#weather_data").find('.record_time'); _.each($time_display, function() { var prev = $(this).text(); var newTxt = (prev == "6 AM") ? "0600" : (prev == "9 AM") ? "0900" : (prev == "12 PM") ? "1200" : (prev == "3 PM") ? "1500" : (prev == "6 PM") ? "1800" : "N/A"; if (newTxt != "N/A") { $(this).text(newTxt);} });`	ready

var $time_display = $("#weather_data").find('.record_time');
$time_display.each(function () {
   var prev = $(this).text();
   var newTxt = (prev == "6 AM") ? "0600" : (prev == "9 AM") ? "0900" : (prev == "12 PM") ? "1200" : (prev == "3 PM") ? "1500" : (prev == "6 PM") ? "1800" : "N/A";
   if (newTxt != "N/A") { $(this).text(newTxt);}
});

ready

Underscore

var $time_display = $("#weather_data").find('.record_time');
    _.each($time_display, function() {
    var prev = $(this).text();
    var newTxt = (prev == "6 AM") ? "0600" : (prev == "9 AM") ? "0900" : (prev == "12 PM") ? "1200" : (prev == "3 PM") ? "1500" : (prev == "6 PM") ? "1800" : "N/A";
     if (newTxt != "N/A") { $(this).text(newTxt);}
});

ready

Revisions

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

Revision 1: published on April 11, 2017