sample skeleton application with dojo toolkit & arcgis js api v 4.30
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

184 lines
8.5 KiB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<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>