git.asbjorn.biz / jquery.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: fac7e61)
Adding some rooted-find perf tests.
authorjeresig <jeresig@gmail.com>
Sun, 10 Oct 2010 20:06:33 +0000 (16:06 -0400)
committerjeresig <jeresig@gmail.com>
Sun, 10 Oct 2010 20:06:33 +0000 (16:06 -0400)
speed/find.html [new file with mode: 0644] patch | blob

diff --git a/speed/find.html b/speed/find.html
new file mode 100644 (file)
index 0000000..d3a2dc1
--- /dev/null
+++ b/speed/find.html
@@ -0,0 +1,179 @@
+<!doctype html>
+<html>
+<head>
+       <title>Test .find() Performance</title>
+       <script src="benchmark.js"></script>
+       <script src="jquery-basis.js"></script>
+       <script>var old = jQuery.noConflict(true);</script>
+       <script src="../dist/jquery.js"></script>
+  <script>
+    jQuery(function ready() {
+      var node = $("#child"), name;
+
+      jQuery.each([".zoo", "#zoo", "[data-foo=zoo]", "#nonexistant"], function(i, item) {
+       setTimeout(function(){
+               name = "find '" + item + "'";
+               jQuery("#results").append("<li>rooted " + name + "<ul>" +
+                       "<li>new: " + benchmarkString("$('body').find('" + item + "')", 250, name) + "</li>" +
+                       "<li>old: " + benchmarkString("old('body').find('" + item + "')", 250, name) + "</li>" +
+                       "</ul></li>");
+       }, 100);
+      });
+    });
+  </script>
+</head>
+<body>
+  <div>
+    <p>Hello</p>
+    <div class="zoo" id="nonexistant" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+    <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
+  </div>
+  <ul id="results"></ul>
+</body>
+</html>
+
JQuery