source: Dev/trunk/src/client/dijit/bench/button.html @ 529

Last change on this file since 529 was 483, checked in by hendrikvanantwerpen, 11 years ago

Added Dojo 1.9.3 release.
File size: 8.5 KB
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2        "http://www.w3.org/TR/html4/strict.dtd">
3
4<html>
5        <head>
6                <title>button test</title>
7
8                <style type="text/css">
9                        @import "../themes/tundra/tundra.css";
10                        th { background: #ccccff; }
11                        td { align: left; }
12                </style>
13
14                <script type="text/javascript"> djConfig = { isDebug: true, parseOnLoad: true }; </script>
15                <script type="text/javascript" src="../../dojo/dojo.js"></script>
16                <script>
17                        dojo.require("dojo.parser");
18                        dojo.require("dijit.form.Button");
19                </script>
20
21                <script type="text/javascript">
22                                oldTime = new Date();
23                                dojo.ready(function(){
24                                        var time = new Date().getTime() - oldTime;
25                                        var p = document.createElement("p");
26                                        p.appendChild(document.createTextNode("Widgets loaded in " + time + "ms"));
27                                        document.getElementById("results").appendChild(p);
28                                });
29
30                </script>
31        </head>
32
33        <body class="tundra">
34
35                <h1>Test of instantiating many buttons</h1>
36
37                <p>
38                <strong style="color:red">Warning:</strong> these benchmarks will take a number of seconds to run. Other system activity will cause these benchmarks to skew.
39                </p>
40
41                <p>
42                The results should not be compared between browsers for they are run on different systems,
43                however results for the same browser are relative to each other.
44                </p>
45
46                <button data-dojo-type="dijit/form/Button">hello world 0</button>
47                <button data-dojo-type="dijit/form/Button">hello world 1</button>
48                <button data-dojo-type="dijit/form/Button">hello world 2</button>
49                <button data-dojo-type="dijit/form/Button">hello world 3</button>
50                <button data-dojo-type="dijit/form/Button">hello world 4</button>
51                <button data-dojo-type="dijit/form/Button">hello world 5</button>
52                <button data-dojo-type="dijit/form/Button">hello world 6</button>
53                <button data-dojo-type="dijit/form/Button">hello world 7</button>
54                <button data-dojo-type="dijit/form/Button">hello world 8</button>
55                <button data-dojo-type="dijit/form/Button">hello world 9</button>
56
57                <button data-dojo-type="dijit/form/Button">hello world 10</button>
58                <button data-dojo-type="dijit/form/Button">hello world 11</button>
59                <button data-dojo-type="dijit/form/Button">hello world 12</button>
60                <button data-dojo-type="dijit/form/Button">hello world 13</button>
61                <button data-dojo-type="dijit/form/Button">hello world 14</button>
62                <button data-dojo-type="dijit/form/Button">hello world 15</button>
63                <button data-dojo-type="dijit/form/Button">hello world 16</button>
64                <button data-dojo-type="dijit/form/Button">hello world 17</button>
65                <button data-dojo-type="dijit/form/Button">hello world 18</button>
66                <button data-dojo-type="dijit/form/Button">hello world 19</button>
67
68                <button data-dojo-type="dijit/form/Button">hello world 20</button>
69                <button data-dojo-type="dijit/form/Button">hello world 21</button>
70                <button data-dojo-type="dijit/form/Button">hello world 22</button>
71                <button data-dojo-type="dijit/form/Button">hello world 23</button>
72                <button data-dojo-type="dijit/form/Button">hello world 24</button>
73                <button data-dojo-type="dijit/form/Button">hello world 25</button>
74                <button data-dojo-type="dijit/form/Button">hello world 26</button>
75                <button data-dojo-type="dijit/form/Button">hello world 27</button>
76                <button data-dojo-type="dijit/form/Button">hello world 28</button>
77                <button data-dojo-type="dijit/form/Button">hello world 29</button>
78
79                <button data-dojo-type="dijit/form/Button">hello world 30</button>
80                <button data-dojo-type="dijit/form/Button">hello world 31</button>
81                <button data-dojo-type="dijit/form/Button">hello world 32</button>
82                <button data-dojo-type="dijit/form/Button">hello world 33</button>
83                <button data-dojo-type="dijit/form/Button">hello world 34</button>
84                <button data-dojo-type="dijit/form/Button">hello world 35</button>
85                <button data-dojo-type="dijit/form/Button">hello world 36</button>
86                <button data-dojo-type="dijit/form/Button">hello world 37</button>
87                <button data-dojo-type="dijit/form/Button">hello world 38</button>
88                <button data-dojo-type="dijit/form/Button">hello world 39</button>
89
90                <button data-dojo-type="dijit/form/Button">hello world 40</button>
91                <button data-dojo-type="dijit/form/Button">hello world 41</button>
92                <button data-dojo-type="dijit/form/Button">hello world 42</button>
93                <button data-dojo-type="dijit/form/Button">hello world 43</button>
94                <button data-dojo-type="dijit/form/Button">hello world 44</button>
95                <button data-dojo-type="dijit/form/Button">hello world 45</button>
96                <button data-dojo-type="dijit/form/Button">hello world 46</button>
97                <button data-dojo-type="dijit/form/Button">hello world 47</button>
98                <button data-dojo-type="dijit/form/Button">hello world 48</button>
99                <button data-dojo-type="dijit/form/Button">hello world 49</button>
100
101                <button data-dojo-type="dijit/form/Button">hello world 50</button>
102                <button data-dojo-type="dijit/form/Button">hello world 51</button>
103                <button data-dojo-type="dijit/form/Button">hello world 52</button>
104                <button data-dojo-type="dijit/form/Button">hello world 53</button>
105                <button data-dojo-type="dijit/form/Button">hello world 54</button>
106                <button data-dojo-type="dijit/form/Button">hello world 55</button>
107                <button data-dojo-type="dijit/form/Button">hello world 56</button>
108                <button data-dojo-type="dijit/form/Button">hello world 57</button>
109                <button data-dojo-type="dijit/form/Button">hello world 58</button>
110                <button data-dojo-type="dijit/form/Button">hello world 59</button>
111
112                <button data-dojo-type="dijit/form/Button">hello world 60</button>
113                <button data-dojo-type="dijit/form/Button">hello world 61</button>
114                <button data-dojo-type="dijit/form/Button">hello world 62</button>
115                <button data-dojo-type="dijit/form/Button">hello world 63</button>
116                <button data-dojo-type="dijit/form/Button">hello world 64</button>
117                <button data-dojo-type="dijit/form/Button">hello world 65</button>
118                <button data-dojo-type="dijit/form/Button">hello world 66</button>
119                <button data-dojo-type="dijit/form/Button">hello world 67</button>
120                <button data-dojo-type="dijit/form/Button">hello world 68</button>
121                <button data-dojo-type="dijit/form/Button">hello world 69</button>
122
123                <button data-dojo-type="dijit/form/Button">hello world 70</button>
124                <button data-dojo-type="dijit/form/Button">hello world 71</button>
125                <button data-dojo-type="dijit/form/Button">hello world 72</button>
126                <button data-dojo-type="dijit/form/Button">hello world 73</button>
127                <button data-dojo-type="dijit/form/Button">hello world 74</button>
128                <button data-dojo-type="dijit/form/Button">hello world 75</button>
129                <button data-dojo-type="dijit/form/Button">hello world 76</button>
130                <button data-dojo-type="dijit/form/Button">hello world 77</button>
131                <button data-dojo-type="dijit/form/Button">hello world 78</button>
132                <button data-dojo-type="dijit/form/Button">hello world 79</button>
133
134                <button data-dojo-type="dijit/form/Button">hello world 80</button>
135                <button data-dojo-type="dijit/form/Button">hello world 81</button>
136                <button data-dojo-type="dijit/form/Button">hello world 82</button>
137                <button data-dojo-type="dijit/form/Button">hello world 83</button>
138                <button data-dojo-type="dijit/form/Button">hello world 84</button>
139                <button data-dojo-type="dijit/form/Button">hello world 85</button>
140                <button data-dojo-type="dijit/form/Button">hello world 86</button>
141                <button data-dojo-type="dijit/form/Button">hello world 87</button>
142                <button data-dojo-type="dijit/form/Button">hello world 88</button>
143                <button data-dojo-type="dijit/form/Button">hello world 89</button>
144
145                <button data-dojo-type="dijit/form/Button">hello world 90</button>
146                <button data-dojo-type="dijit/form/Button">hello world 91</button>
147                <button data-dojo-type="dijit/form/Button">hello world 92</button>
148                <button data-dojo-type="dijit/form/Button">hello world 93</button>
149                <button data-dojo-type="dijit/form/Button">hello world 94</button>
150                <button data-dojo-type="dijit/form/Button">hello world 95</button>
151                <button data-dojo-type="dijit/form/Button">hello world 96</button>
152                <button data-dojo-type="dijit/form/Button">hello world 97</button>
153                <button data-dojo-type="dijit/form/Button">hello world 98</button>
154                <button data-dojo-type="dijit/form/Button">hello world 99</button>
155
156
157                <h2>Result</h2>
158                (divide by 100 to get time per widget)
159                <div id="results"></div>
160
161                <h2>Typical results</h2>
162
163                <table border=1>
164                <thead>
165                        <tr>
166                                <th>IE6
167                                <th>IE7
168                                <th>Safari
169                                <th>Gecko (on PC)
170                                <th>Gecko (on intel mac)
171                        </tr>
172                </thead>
173                <tbody>
174                        <tr>
175                                <td>25812 (258ms/widget)
176                                <td>10391 (103ms/widget)
177                                <td>1934 (19ms/widget)
178                                <td>1344 (13ms/widget)
179                                <td>2937 (29ms/widget)
180                        </tr>
181                </tbody>
182                </table>
183        </body>
184</html>
Note: See TracBrowser for help on using the repository browser.