Dojo vs. jQuery vs. ExtJS (v66)

Revision 66 of this benchmark created by Rick Winscot on

Description

Simple test to benchmark variable allocation on inner and outer items.

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js" data-dojo-config="async: true">
</script>
<script src="//cdn.sencha.io/ext-4.2.0-gpl/ext-all.js">
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
</script>
<script>
var dQuery;
require(['dojo/query!lite'], function(query){
    dQuery = query;
});
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Dojo
var d1 = dQuery(".section");
ready
Dojo Inside
var d2 = dQuery(".section .age2");
ready
jQuery
var j1 = jQuery('.section');
ready
jQuery Inside
var j2 = jQuery('.section .age2');
ready
ExtJS
var e1 = Ext.query('.section');
ready
ExtJS Inside
var e2 = Ext.query('.section .age2');
ready
Native
var el = document.querySelector('.section .age2')
ready

Revisions

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