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
As of jQuery 1.4 we can pass advanced objects with attribtutes, texts and events directly (as second argument) when creating a new element.
This saves additional calls to .text(), .click() or attr() etc.
How do they perform ?
Update: included jQuery 1.6 tests
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
<script>
window.jQ14 = jQuery.noConflict(true);
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>
<script>
window.jQ15 = jQuery.noConflict(true);
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
</script>
<script>
window.jQ16 = jQuery.noConflict(true);
</script>
<script>
function myFunction() {
alert("Clicked");
}
</script>
Ready to run.
Test | Ops/sec | |
---|---|---|
AttrString (jQuery 1.4; innerHTML) |
| ready |
AttrString (jQuery 1.4; innerHTML) + Event |
| ready |
AttrObject (jQuery 1.4; createElement) |
| ready |
AttrObject (jQuery 1.4; createElement) + Event |
| ready |
props (jQuery 1.5; createElement) |
| ready |
props (jQuery 1.5; createElement) + Event |
| ready |
props (jQuery 1.6; createElement) + Event |
| ready |
my test |
| ready |
my test 2 |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.