jQuery 1.9.1 vs. jQuery mobile

JavaScript performance comparison

Revision 38 of this test case created

Preparation code

<script src="http://code.jquery.com/jquery-1.9.1.min.js">
</script>
<script type="text/javascript">
  var jQ19 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script type="text/javascript">
  var jQMob = jQuery.noConflict();
</script>
<div id="idSelector">
</div>
<div class="classSelector">
</div>
<ul id="iteration">
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
</ul>
<div id="cssGetter" style="color: black;">
</div>
<div id="cssSetter" style="color: black;">
</div>
<div id="find">
  <span>
  </span>
  <div>
    <strong>
    </strong>
  </div>
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
1.9.1 ID Selector
jQ19("#idSelector");
pending…
jQMob ID Selector
jQMob("#idSelector");
pending…
1.9.1 Class Selector
jQ19(".classSelector");
pending…
jQMob Class Selector
jQMob(".classSelector");
pending…
1.9.1 Iteration
jQ19("#iteration li").each(function(i, e) {

});
pending…
jQMob Iteration
jQMob("#iteration li").each(function(i, e) {

});
pending…
1.9.1 CSS Getter
jQ19("#cssGetter").css("color");
pending…
jQMob CSS Getter
jQMob("#cssGetter").css("color");
pending…
1.9.1 CSS Setter
jQ19("#cssSetter").css("color", "red");
pending…
jQMob CSS Setter
jQMob("#cssSetter").css("color", "red");
pending…
1.9.1 Find
jQ19("#find").find("strong");
pending…
1.9.1 Find 2
jQ19("#find strong");
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment