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
Testing 1000 rows x 10 columns.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<script src="https://raw.github.com/janl/mustache.js/master/mustache.js"></script>
<script type="x-jquery-tmpl" id="bigRowTemplate">
<tr>
<td>${id}</td>
<td>${foo}</td>
<td>${fifty}</td>
<td>${two50five}</td>
<td>${website}</td>
<td>${bar}</td>
<td>${baz}</td>
<td>${thirty}</td>
<td>${firstName}</td>
<td>${lastName}</td>
</tr>
</script>
<script>
var mTemplate =
'{{#items}}<tr>'+
'<td>{{id}}</td>'+
'<td>{{foo}}</td>'+
'<td>{{fifty}}</td>'+
'<td>{{two50five}}</td>'+
'<td>{{website}}</td>'+
'<td>{{bar}}</td>'+
'<td>{{baz}}</td>'+
'<td>{{thirty}}</td>'+
'<td>{{firstName}}</td>'+
'<td>{{lastName}}</td>'+
'</tr>{{/items}}';
</script>
<table id="target1" style="display:none"></table>
<table id="target2" style="display:none"></table>
<table id="target3" style="display:none"></table>
<script>
var data = [], i = 0;
for (; i < 1000; i++) {
data.push({
id: i,
foo: 'foo',
fifty: 50,
two50five: 255,
website: 'http://abc.xyz.com',
bar: 'bar',
baz: 'baz',
thirty: 30,
firstName: 'john',
lastName: 'doe'
});
}
</script>
Ready to run.
Test | Ops/sec | |
---|---|---|
jQuery Templates |
| ready |
mustache.js |
| ready |
html injection (pure js) |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.