Speed comparison of latest jQuery versions 1.10 - 2.1.4 (v95)

Revision 95 of this benchmark created by jquery versions on


Description

wow, a new revision will never show up on the original URL unless selected.. anyway. Simple benchmark between jQuery

2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div>
  <ul id="menu">
    <li class="menu-item">
    </li>
    <li class="menu-item">
    </li>
    <li class="menu-item">
    </li>
    <li class="menu-item">
    </li>
    <li class="menu-item">
    </li>
    <li class="menu-item">
    </li>
  </ul>
</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
  var $jq1102 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
  var $jq1110 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script>
  var $jq1111 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>
<script>
  var $jq1112 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
<script>
  var $jq1113 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
<script>
  var $jq200 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js">
</script>
<script>
  var $jq201 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
</script>
<script>
  var $jq202 = $.noConflict(true);
</script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
</script>
<script>
  var $jq203 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">
</script>
<script>
  var $jq210 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
  var $jq211 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.2/jquery.min.js">
</script>
<script>
  var $jq212 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
  var $jq213 = $.noConflict(true);
</script>


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
  var $jq214 = $.noConflict(true);
</script>

Setup

function tests($) {
      $('#menu').css({
        'backgroud': 'red'
      });
      $('.menu-item').eq(2).hasClass('foo');
    }

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery 1.10.2
tests($jq1102);
ready
jQuery 1.11.0
tests($jq1110);
ready
jQuery 1.11.1
tests($jq1111);
ready
jQuery 1.11.2
tests($jq1112);
ready
jQuery 1.11.3
tests($jq1113);
ready
jQuery 2.0.0
tests($jq200);
ready
jQuery 2.0.1
tests($jq201);
ready
jQuery 2.0.2
tests($jq202);
ready
jQuery 2.0.3
tests($jq203);
ready
jQuery 2.1.0
tests($jq210);
ready
jQuery 2.1.1
tests($jq211);
ready
jQuery 2.1.3
tests($jq213);
ready
tests($jq214);
tests($jq214);
ready

Revisions

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