-
Notifications
You must be signed in to change notification settings - Fork 3
/
parse-n-load.html
94 lines (84 loc) · 2.84 KB
/
parse-n-load.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<html>
<!--
Copyright 2010 [email protected]
BSD-style license.
-->
<head>
<title>Parse-n-Load Javascript Test Harness</title>
<style>
* { font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", "sans"; }
#flot {
height: 150px;
width: 600px;
margin-right: 50px;
}
h2 {
margin:0;
font-weight: normal;
color: #900;
}
fieldset {
border: none;
}
#progress {
width: 600px;
font-size: smaller;
margin-bottom: 10px;
}
body {
width: 800px;
}
#browser-icon {
position: absolute;
right: 30px;
bottom: 0px;
}
#js {
display:none;
}
</style>
<script src="js/yui2.js"></script>
<script src="js/yui.flot.js"></script>
<!--[if IE]><script src="js/excanvas.min.js"></script><![endif]-->
<script src="js/parse-n-load.js"></script>
</head>
<body>
<h2>Parse-n-Load Javascript Test Harness</h2>
<p>
Choose a Javascript file, choose the number of test runs, then click "Run Test".
</p>
<fieldset>
File:
<select id="js-file">
<option value="yui3-min">YUI3 (311KB, minified)</option>
<option value="yui2-min">YUI2 (390KB, minified)</option>
<option value="jquery-ui-1.7.2-min">jQueryUI 1.7.2 (379KB, minified)</option>
<option value="scriptaculous-min">Scriptaculous (159KB, minified)</option>
<option value="github">Github application (211KB, minified)</option>
<option>---</option>
<option value="scriptaculous-raw">Scriptaculous (265KB, raw)</option>
<option value="yui2-raw">YUI2 (1,510KB, raw)</option>
<option value="yui3-raw">YUI3 (1,355KB, raw)</option>
</select>
Runs: <input type="text" size="4" maxlength="4" id="num-runs" value="1000" />
<small><input type="checkbox" id="ignore-spikes" checked="checked" /> 95th percentile</small>
<select id="test-version">
<option value="1">Test V1 (doc.write)</option>
<option value="2" selected>Test V2 (respawn iframe)</option>
</select>
<button id="run-test" onclick="runTest();"><b>Run Test</b></button>
</fieldset>
<div id="progress">...</div>
<div>
<div style="position:relative;display:inline-block;">
<div id="flot"></div>
<img src="" id="browser-icon" />
</div>
</div>
<iframe name="js" src="blank.html" id="js" ></iframe>
<p><b>Why 95th Percentile?</b> If you uncheck that box you'll probably see tall, regular spikes that dwarf the rest of the measurements. These are caused by the browser pausing to do garbage collection. It's good to remember GC halts but they can get in the way of informative graphs.</p>
</body>
</html>