jQuery Cached Set

JavaScript performance comparison

Revision 25 of this test case created


Compare performance of cached vs repeated element selections

Preparation code

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

<div id="top" class="mydiv">
  <p id="para_1" class="mytext">Paragraph one</p>
  <p id="para_2" class="mytext">Paragraph two</p>
  <p id="para_3" class="mytext">Paragraph three</p>
  <span id="span_1" class="mytext">Text in a span</span>

<p id="para_4" class="mytext">Paragraph four</p>
<p id="para_5" class="mytext">Paragraph five</p>
<p id="para_6" class="mytext">Paragraph six</p>
  var parent_el = document.getElementById("top");
  var cached = jQuery(parent_el).find('p.mytext');

Preparation code output

Paragraph one

Paragraph two

Paragraph three

Text in a span

Paragraph four

Paragraph five

Paragraph six

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
Cached elements
alert($('<xml><message>Hello world</message></xml>').find('message').text());
No cache
alert($('<xml><message>Hello world</message></xml>').find('message').text());

Compare results of other browsers


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:


Comment form temporarily disabled.

Add a comment