dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
185 lines (161 loc) • 8.67 kB
HTML
<html>
<head>
<title>button test</title>
<style type="text/css">
@import "../themes/tundra/tundra.css";
th { background: #ccccff; }
td { align: left; }
</style>
<script type="text/javascript"> djConfig = { isDebug: true, parseOnLoad: true }; </script>
<script type="text/javascript" src="../../dojo/dojo.js"></script>
<script>
dojo.require("dojo.parser");
dojo.require("dijit.form.Button");
</script>
<script type="text/javascript">
oldTime = new Date();
dojo.ready(function(){
var time = new Date().getTime() - oldTime;
var p = document.createElement("p");
p.appendChild(document.createTextNode("Widgets loaded in " + time + "ms"));
document.getElementById("results").appendChild(p);
});
</script>
</head>
<body class="tundra">
<h1>Test of instantiating many buttons</h1>
<p>
<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.
</p>
<p>
The results should not be compared between browsers for they are run on different systems,
however results for the same browser are relative to each other.
</p>
<button data-dojo-type="dijit/form/Button">hello world 0</button>
<button data-dojo-type="dijit/form/Button">hello world 1</button>
<button data-dojo-type="dijit/form/Button">hello world 2</button>
<button data-dojo-type="dijit/form/Button">hello world 3</button>
<button data-dojo-type="dijit/form/Button">hello world 4</button>
<button data-dojo-type="dijit/form/Button">hello world 5</button>
<button data-dojo-type="dijit/form/Button">hello world 6</button>
<button data-dojo-type="dijit/form/Button">hello world 7</button>
<button data-dojo-type="dijit/form/Button">hello world 8</button>
<button data-dojo-type="dijit/form/Button">hello world 9</button>
<button data-dojo-type="dijit/form/Button">hello world 10</button>
<button data-dojo-type="dijit/form/Button">hello world 11</button>
<button data-dojo-type="dijit/form/Button">hello world 12</button>
<button data-dojo-type="dijit/form/Button">hello world 13</button>
<button data-dojo-type="dijit/form/Button">hello world 14</button>
<button data-dojo-type="dijit/form/Button">hello world 15</button>
<button data-dojo-type="dijit/form/Button">hello world 16</button>
<button data-dojo-type="dijit/form/Button">hello world 17</button>
<button data-dojo-type="dijit/form/Button">hello world 18</button>
<button data-dojo-type="dijit/form/Button">hello world 19</button>
<button data-dojo-type="dijit/form/Button">hello world 20</button>
<button data-dojo-type="dijit/form/Button">hello world 21</button>
<button data-dojo-type="dijit/form/Button">hello world 22</button>
<button data-dojo-type="dijit/form/Button">hello world 23</button>
<button data-dojo-type="dijit/form/Button">hello world 24</button>
<button data-dojo-type="dijit/form/Button">hello world 25</button>
<button data-dojo-type="dijit/form/Button">hello world 26</button>
<button data-dojo-type="dijit/form/Button">hello world 27</button>
<button data-dojo-type="dijit/form/Button">hello world 28</button>
<button data-dojo-type="dijit/form/Button">hello world 29</button>
<button data-dojo-type="dijit/form/Button">hello world 30</button>
<button data-dojo-type="dijit/form/Button">hello world 31</button>
<button data-dojo-type="dijit/form/Button">hello world 32</button>
<button data-dojo-type="dijit/form/Button">hello world 33</button>
<button data-dojo-type="dijit/form/Button">hello world 34</button>
<button data-dojo-type="dijit/form/Button">hello world 35</button>
<button data-dojo-type="dijit/form/Button">hello world 36</button>
<button data-dojo-type="dijit/form/Button">hello world 37</button>
<button data-dojo-type="dijit/form/Button">hello world 38</button>
<button data-dojo-type="dijit/form/Button">hello world 39</button>
<button data-dojo-type="dijit/form/Button">hello world 40</button>
<button data-dojo-type="dijit/form/Button">hello world 41</button>
<button data-dojo-type="dijit/form/Button">hello world 42</button>
<button data-dojo-type="dijit/form/Button">hello world 43</button>
<button data-dojo-type="dijit/form/Button">hello world 44</button>
<button data-dojo-type="dijit/form/Button">hello world 45</button>
<button data-dojo-type="dijit/form/Button">hello world 46</button>
<button data-dojo-type="dijit/form/Button">hello world 47</button>
<button data-dojo-type="dijit/form/Button">hello world 48</button>
<button data-dojo-type="dijit/form/Button">hello world 49</button>
<button data-dojo-type="dijit/form/Button">hello world 50</button>
<button data-dojo-type="dijit/form/Button">hello world 51</button>
<button data-dojo-type="dijit/form/Button">hello world 52</button>
<button data-dojo-type="dijit/form/Button">hello world 53</button>
<button data-dojo-type="dijit/form/Button">hello world 54</button>
<button data-dojo-type="dijit/form/Button">hello world 55</button>
<button data-dojo-type="dijit/form/Button">hello world 56</button>
<button data-dojo-type="dijit/form/Button">hello world 57</button>
<button data-dojo-type="dijit/form/Button">hello world 58</button>
<button data-dojo-type="dijit/form/Button">hello world 59</button>
<button data-dojo-type="dijit/form/Button">hello world 60</button>
<button data-dojo-type="dijit/form/Button">hello world 61</button>
<button data-dojo-type="dijit/form/Button">hello world 62</button>
<button data-dojo-type="dijit/form/Button">hello world 63</button>
<button data-dojo-type="dijit/form/Button">hello world 64</button>
<button data-dojo-type="dijit/form/Button">hello world 65</button>
<button data-dojo-type="dijit/form/Button">hello world 66</button>
<button data-dojo-type="dijit/form/Button">hello world 67</button>
<button data-dojo-type="dijit/form/Button">hello world 68</button>
<button data-dojo-type="dijit/form/Button">hello world 69</button>
<button data-dojo-type="dijit/form/Button">hello world 70</button>
<button data-dojo-type="dijit/form/Button">hello world 71</button>
<button data-dojo-type="dijit/form/Button">hello world 72</button>
<button data-dojo-type="dijit/form/Button">hello world 73</button>
<button data-dojo-type="dijit/form/Button">hello world 74</button>
<button data-dojo-type="dijit/form/Button">hello world 75</button>
<button data-dojo-type="dijit/form/Button">hello world 76</button>
<button data-dojo-type="dijit/form/Button">hello world 77</button>
<button data-dojo-type="dijit/form/Button">hello world 78</button>
<button data-dojo-type="dijit/form/Button">hello world 79</button>
<button data-dojo-type="dijit/form/Button">hello world 80</button>
<button data-dojo-type="dijit/form/Button">hello world 81</button>
<button data-dojo-type="dijit/form/Button">hello world 82</button>
<button data-dojo-type="dijit/form/Button">hello world 83</button>
<button data-dojo-type="dijit/form/Button">hello world 84</button>
<button data-dojo-type="dijit/form/Button">hello world 85</button>
<button data-dojo-type="dijit/form/Button">hello world 86</button>
<button data-dojo-type="dijit/form/Button">hello world 87</button>
<button data-dojo-type="dijit/form/Button">hello world 88</button>
<button data-dojo-type="dijit/form/Button">hello world 89</button>
<button data-dojo-type="dijit/form/Button">hello world 90</button>
<button data-dojo-type="dijit/form/Button">hello world 91</button>
<button data-dojo-type="dijit/form/Button">hello world 92</button>
<button data-dojo-type="dijit/form/Button">hello world 93</button>
<button data-dojo-type="dijit/form/Button">hello world 94</button>
<button data-dojo-type="dijit/form/Button">hello world 95</button>
<button data-dojo-type="dijit/form/Button">hello world 96</button>
<button data-dojo-type="dijit/form/Button">hello world 97</button>
<button data-dojo-type="dijit/form/Button">hello world 98</button>
<button data-dojo-type="dijit/form/Button">hello world 99</button>
<h2>Result</h2>
(divide by 100 to get time per widget)
<div id="results"></div>
<h2>Typical results</h2>
<table border=1>
<thead>
<tr>
<th>IE6
<th>IE7
<th>Safari
<th>Gecko (on PC)
<th>Gecko (on intel mac)
</tr>
</thead>
<tbody>
<tr>
<td>25812 (258ms/widget)
<td>10391 (103ms/widget)
<td>1934 (19ms/widget)
<td>1344 (13ms/widget)
<td>2937 (29ms/widget)
</tr>
</tbody>
</table>
</body>
</html>