dom-cache

Benchmark created by Adam Simek on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="text">
</div>
<div id="subMenu">
</div>
<div id="pageMain">
</div>
<script>
  var html = "<div id=\"text\"></div><div id=\"subMenu\"></div><div id=\"pageMain\"></div>";
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
native jquery
for (i = 0; i < 10000; i++) {
  $("body").append($(html).find("#pageMain"));
}
ready
caching
var $cachedDOM = $("body");
for (i = 0; i < 10000; i++) {
  $cachedDOM.append($(html).find("#pageMain"));
}
$("body").html($cachedDOM.html());
ready

Revisions

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

  • Revision 1: published by Adam Simek on