$el.attr('id') vs $el.id

JavaScript performance comparison

Test case created by Addy Osmani on 4th July 2011

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>
<a id="tester" class="tests" href="#">abcdefghijkl</a>

<script>
  $a = $('.tests');
</script>

Preparation code output

abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl abcdefghijkl

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test		Ops/sec
$(this).attr('id');	`$a.each(function(index){ $t = $(this).attr('id'); });`	pending…
$(this).id	`$a.each(function(index){ $t = $(this).id; });`	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:

Revision 1: published by Addy Osmani on 4th July 2011
Revision 2: published by Addy Osmani on 4th July 2011
Revision 3: published by polotek on 9th July 2011
Revision 4: published by Roman on 11th July 2011
Revision 5: published on 11th July 2011
Revision 6: published on 12th July 2011
Revision 7: published on 27th July 2011
Revision 8: published on 17th August 2011
Revision 9: published by Andrée on 27th October 2011
Revision 10: published on 9th November 2011
Revision 12: published on 29th November 2011
Revision 13: published on 12th January 2012
Revision 15: published on 11th May 2012
Revision 16: published by Sampath lankapura on 28th July 2012
Revision 17: published on 3rd August 2012
Revision 18: published on 23rd August 2012
Revision 19: published on 17th September 2012
Revision 20: published on 19th September 2012
Revision 21: published by Benjamin on 7th January 2013
Revision 22: published by Dmitriy on 1st February 2013
Revision 24: published on 26th February 2013
Revision 25: published by Bui on 13th April 2013
Revision 26: published on 16th April 2013
Revision 27: published on 16th April 2013
Revision 28: published on 16th April 2013