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
<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.25/paper-full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.1.0/fabric.all.min.js"></script>
<div class='test'>
<div class='canvas'>
<canvas id='simple-paper' class='paper-size' resize></canvas>
<div id='log-simple-paper'></div>
</div>
<div class='canvas'>
<canvas id='simple-fabric'></canvas>
<div id='log-simple-fabric'></div>
</div>
</div>
<div class='test'>
<div class='canvas'>
<canvas id='image-paper' class='paper-size' resize></canvas>
<div id='log-image-paper'></div>
</div>
<div class='canvas'>
<canvas id='image-fabric'></canvas>
<div id='log-image-fabric'></div>
</div>
</div>
<div class='test'>
<div class='canvas'>
<canvas id='complex-paper' class='paper-size' resize></canvas>
<div id='log-complex-paper'></div>
</div>
<div class='canvas'>
<canvas id='complex-fabric'></canvas>
<div id='log-complex-fabric'></div>
</div>
</div>
<script>
function getRandomNum(num) {
return Math.floor((Math.random() * num) + 1);
}
var paperCanvas = document.getElementById('simple-paper');
paper.setup(paperCanvas);
var fabricCanvas = this.__canvas = new fabric.Element('simple-fabric', {
renderOnAddRemove: false,
stateful: false,
width: 350,
height: 350
});
</script>
Ready to run.
Test | Ops/sec | |
---|---|---|
simple-paper |
| ready |
simple-fabric |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.