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

cli (v2)

Revision 2 of this benchmark created on December 11, 2011

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="d1">
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
</div>
<div id="d2">
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
</div>
<div id="d3">
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p><p></p>
</div>

Test runner

Ready to run.

Test Ops/sec

Testing in
Test	Ops/sec
#1	`var old1; document.getElementById('d1').onclick = function(event) { event = event \|\| window.event; t = event.target\|\|event.srcElement; if(t.tagName == 'P') { if(old1) old1.style.backgroundColor = 'gray'; t.style.backgroundColor = 'red'; old1 = t; } }`	ready
#2	`var old2; var d = document.getElementById('d2'); var p = d.getElementsByTagName('p'); for(var i=0; i<p.length; i++) { p[i].onclick = function() { if(old2) old2.style.backgroundColor = 'gray'; this.style.backgroundColor = 'red'; old2 = this; } }`	ready
#3	`var old3; $('#d3 p').click(function() { if(old3) old3.style.backgroundColor = 'gray'; this.style.backgroundColor = 'red'; old3 = this; } );`	ready

var old1;
document.getElementById('d1').onclick = function(event)
{
event = event || window.event;
t = event.target||event.srcElement; 
if(t.tagName == 'P')
{
if(old1) old1.style.backgroundColor = 'gray';
t.style.backgroundColor = 'red';
old1 = t;
}
}

ready

var old2;
var d = document.getElementById('d2');
var p = d.getElementsByTagName('p');
for(var i=0; i<p.length; i++)
{
p[i].onclick = function()
{
if(old2) old2.style.backgroundColor = 'gray';
this.style.backgroundColor = 'red';
old2 = this;
}
}

ready

var old3;
$('#d3 p').click(function()
{
if(old3) old3.style.backgroundColor = 'gray';
this.style.backgroundColor = 'red';
old3 = this;
}
);

ready

Revisions

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

Revision 2: published on December 11, 2011