Temporarily backing out commit bd474799bf95f4ecdc47a7577750eaf69e2236d4.
[jquery.git] / speed / find.html
1 <!doctype html>
2 <html>
3 <head>
4         <title>Test .find() Performance</title>
5         <script src="benchmark.js"></script>
6         <script src="jquery-basis.js"></script>
7         <script>var old = jQuery.noConflict(true);</script>
8         <script src="../dist/jquery.js"></script>
9   <script>
10     jQuery(function ready() {
11       var node = $("#child"), name;
12
13       jQuery.each([".zoo", "#zoo", "[data-foo=zoo]", "#nonexistant"], function(i, item) {
14         setTimeout(function(){
15                 name = "find '" + item + "'";
16                 jQuery("#results").append("<li>rooted " + name + "<ul>" +
17                         "<li>new: " + benchmarkString("$('body').find('" + item + "')", 250, name) + "</li>" +
18                         "<li>old: " + benchmarkString("old('body').find('" + item + "')", 250, name) + "</li>" +
19                         "</ul></li>");
20         }, 100);
21       });
22     });
23   </script>
24 </head>
25 <body>
26   <div>
27     <p>Hello</p>
28     <div class="zoo" id="nonexistant" data-foo="bar"><div></div></div>
29     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
30     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
31     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
32     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
33     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
34     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
35     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
36     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
37     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
38     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
39     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
40     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
41     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
42     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
43     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
44     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
45     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
46     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
47     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
48     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
49     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
50     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
51     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
52     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
53     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
54     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
55     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
56     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
57     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
58     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
59     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
60     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
61     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
62     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
63     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
64     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
65     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
66     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
67     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
68     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
69     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
70     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
71     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
72     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
73     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
74     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
75     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
76     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
77     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
78     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
79     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
80     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
81     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
82     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
83     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
84     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
85     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
86     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
87     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
88     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
89     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
90     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
91     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
92     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
93     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
94     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
95     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
96     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
97     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
98     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
99     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
100     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
101     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
102     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
103     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
104     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
105     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
106     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
107     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
108     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
109     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
110     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
111     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
112     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
113     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
114     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
115     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
116     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
117     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
118     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
119     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
120     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
121     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
122     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
123     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
124     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
125     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
126     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
127     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
128     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
129     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
130     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
131     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
132     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
133     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
134     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
135     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
136     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
137     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
138     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
139     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
140     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
141     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
142     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
143     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
144     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
145     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
146     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
147     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
148     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
149     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
150     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
151     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
152     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
153     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
154     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
155     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
156     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
157     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
158     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
159     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
160     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
161     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
162     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
163     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
164     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
165     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
166     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
167     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
168     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
169     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
170     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
171     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
172     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
173     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
174     <div class="zoo" id="zoo" data-foo="bar"><div></div></div>
175   </div>
176   <ul id="results"></ul>
177 </body>
178 </html>
179