jQ.Mobi (v20)

Revision 20 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="https://staging-ian.appmobi.com/game/jq.mobi.min.js">
</script>
<script src="https://staging-ian.appmobi.com/game/zepto.min.js">
</script>
<script src="https://dev.sencha.com/deploy/touch/sencha-touch.js">
</script>
<div id="container">
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQ.Mobi
document.getElementById("container").innerHTML = "";
$ = jq;

var con = jq("#container");
var ul = jq("<ul/>");
var i;
var items = [];
for (i = 0; i < 100; i++) {
  var li = "<li>hello world jq.Mobi</li>";
  items.push(li);
}
con.append(ul.html(items.join('')));
ready
jQuery
document.getElementById("container").innerHTML = "";

var con = jQuery("#container");
var ul = jQuery("<ul/>");
var i;
var items = [];
for (i = 0; i < 100; i++) {
  var li = "<li>hello world jQuery</li>";
  items.push(li);
}
con.append(ul.html(items.join('')));
ready
Zepto
document.getElementById("container").innerHTML = "";
var con = Zepto("#container");
var ul = Zepto("<ul/>");
var i;
var items = [];
for (i = 0; i < 100; i++) {
  var li = "<li>hello world Zepto</li>";
  items.push(li)
}
con.append(ul.html(items.join('')));
ready
Sencha
document.getElementById("container").innerHTML = "";


var con = Ext.get("container");
var ul = {
  tag: 'ul',
  cn: []
};

var i;
for (i = 0; i < 100; i++) {
  ul.cn.push({
    tag: 'li',
    html: "hello world Sencha FTW"
  });
}

con.createChild(ul);
ready
Sencha properly
document.getElementById("container").innerHTML = "";

var con = Ext.get("container");
tpl = new Ext.XTemplate('<ul>',
    '{%for (var i = 0; i < values.len; i++){%}',
        '<li>hello world Sencha FTW</li>',
    '{%}%}',
'</ul>');
tpl.overwrite(con, {len: 100});
ready

Revisions

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