speed/filter.html

   1 <!doctype html>
   2 <html>
   3 <head>
   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>
   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 = "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>" +
  19                         "</ul></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>" +
  23                         "</ul></li>");
  24         }, 100);
  25       });
  26     });
  27   </script>
  28 </head>
  29 <body>
  30   <div>
  31     <p>Hello</p>
  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>
 179   </div>
 180   <ul id="results"></ul>
 181 </body>
 182 </html>
 183