4 <title>Test .filter() 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>
10 jQuery(function ready() {
11 var node
= $("#child"), name
;
13 jQuery
.each([".zoo", "#zoo", "[data-foo=zoo]", "#nonexistant"], function(i
, item
) {
14 setTimeout(function(){
15 name
= "filter '" + item
+ "'";
16 jQuery("#results").append("<li>" + name
+ "<ul>" +
17 "<li>new: " + benchmarkString("$('div').filter('" + item
+ "')", 100, name
) + "</li>" +
18 "<li>old: " + benchmarkString("old('div').filter('" + item
+ "')", 100, name
) + "</li>" +
20 jQuery("#results").append("<li>single " + name
+ "<ul>" +
21 "<li>new: " + benchmarkString("$('#nonexistant').filter('" + item
+ "')", 1000, name
) + "</li>" +
22 "<li>old: " + benchmarkString("old('#nonexistant').filter('" + item
+ "')", 1000, name
) + "</li>" +
32 <div class=
"zoo" id=
"nonexistant" 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 class=
"zoo" id=
"zoo" data-foo=
"bar"><div></div></div>
176 <div class=
"zoo" id=
"zoo" data-foo=
"bar"><div></div></div>
177 <div class=
"zoo" id=
"zoo" data-foo=
"bar"><div></div></div>
178 <div class=
"zoo" id=
"zoo" data-foo=
"bar"><div></div></div>
180 <ul id=
"results"></ul>