Permalink
Browse files

Adding a basic filter perf test suite.

  • Loading branch information...
1 parent 63c892b commit f2b028f736a46d4b3592b32df751db8e0f34f403 @jeresig jeresig committed Oct 10, 2010
Showing with 178 additions and 0 deletions.
  1. +178 −0 speed/filter.html
View
@@ -0,0 +1,178 @@
+<!doctype html>
+<html>
+<head>
+ <title>Test .filter() 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 = "filter '" + item + "'";
+
+ jQuery("#results").append("<li>" + name + "<ul>" +
+ "<li>new: " + benchmarkString("$('div').filter('" + item + "')", 1000, name) + "</li>" +
+ "<li>old: " + benchmarkString("old('div').filter('" + item + "')", 1000, name) + "</li>"
+ + "</ul></li>");
+ }, 100);
+ });
+ });
+ </script>
+</head>
+<body>
+ <div>
+ <p>Hello</p>
+ <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>
+

0 comments on commit f2b028f

Please sign in to comment.