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
<style type="text/css">
li.plain {
color: white;
background: gray;
padding: 10px;
margin: 3px;
/*border-radius: 10px;
-webkit-box-shadow: 0 0 10px orange;
text-shadow: 0 0 10px black;*/
}
li.fancy {
color: white;
background: gray;
padding: 10px;
margin: 3px;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px orange;
text-shadow: 0 0 10px black;
}
li.notextshadow {
color: white;
background: gray;
padding: 10px;
margin: 3px;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px orange;
/*text-shadow: 0 0 10px black;*/
}
li.noboxshadow {
color: white;
background: gray;
padding: 10px;
margin: 3px;
border-radius: 10px;
/*-webkit-box-shadow: 0 0 10px orange;*/
text-shadow: 0 0 10px black;
}
li.nocorners {
color: white;
background: gray;
padding: 10px;
margin: 3px;
/*border-radius: 10px;*/
-webkit-box-shadow: 0 0 10px orange;
text-shadow: 0 0 10px black;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul id="results"></ul>
<ul id="foo"></ul>
<script>
var makeHtml = function(className) {
className = className || '';
var items = [];
for (var i = 1; i < 100; i++) {
items.push('<li class="' + className + '">index: ' + i + '</li>');
}
return items.join('');
};
var plainItems = makeHtml('plain');
var fancyItems = makeHtml('fancy');
var noTSItems = makeHtml('notextshadow');
var noBSItems = makeHtml('noboxshadow');
var noCornerItems = makeHtml('nocorners');
</script>
Ready to run.
Test | Ops/sec | |
---|---|---|
color |
| ready |
full style |
| ready |
no text shadow |
| ready |
no box shadow |
| ready |
no corners |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.