OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <title>Chromium Perf</title> | |
4 <script src="ui/js/common.js"></script> | |
5 <script language="javascript"> | |
6 var perf_url = DirName(DirName(window.location.href)); | |
7 function DisplayGraph(name, heighth, width, thumbnail, graph) { | |
8 document.write('<td><iframe scrolling="no"'); | |
9 document.write(' height="' + heighth + '" width="' + width + '"'); | |
10 document.write(' src="' + perf_url); | |
11 document.write('/' + name + '/report.html?history=50'); | |
12 var params = ParseParams(); | |
13 if (typeof graph == 'undefined') { | |
14 if ('graph' in params) { | |
15 graph = escape(params.graph); | |
16 } | |
17 document.write('&header='); | |
18 } else if (graph != null) { | |
19 document.write('&header='); | |
20 document.write(graph); | |
21 } | |
22 if (graph != null) { | |
23 document.write('&graph='); | |
24 document.write(graph); | |
25 } | |
26 if (thumbnail) { | |
27 document.write('&thumbnail'); | |
28 } | |
29 document.write('&lookout=1"></iframe></td>'); | |
30 } | |
31 </script> | |
32 </head> | |
33 <body> | |
34 <center> | |
35 <script language="javascript"> | |
36 var params = ParseParams(); | |
37 var builder_map = { | |
38 'Chromium XP Dual Core': 'xp-release-dual-core', | |
39 'Chromium XP Single Core': 'xp-release-single-core', | |
40 'Chromium Vista Dual Core': 'vista-release-dual-core', | |
41 'Chromium Vista Single Core': 'vista-release-single-core', | |
42 'Chromium Linux': 'linux-release', | |
43 'Chromium Linux LowMem': 'linux-release-lowmem', | |
44 'Chromium Mac 10.5': 'mac-release-10.5', | |
45 'Chromium Mac 10.6': 'mac-release-10.6', | |
46 }; | |
47 var test_map = { | |
48 'moz': 'Page Cycler Moz', | |
49 'intl1': 'Page Cycler Intl1', | |
50 'intl2': 'Page Cycler Intl2', | |
51 'moz-http': 'Page Cycler Moz - HTTP', | |
52 'bloat-http': 'Bloat - HTTP', | |
53 'dhtml': 'Page Cycler DHTML', | |
54 'startup': 'Startup', | |
55 'new-tab-ui-cold': 'New Tab Cold', | |
56 'memory': 'Memory', | |
57 'sunspider': 'SunSpider', | |
58 'v8_benchmark': 'V8 Benchmark', | |
59 'dom_perf': 'Dom', | |
60 'dromaeo_domcore': 'Dromaeo DOMCore', | |
61 'dromaeo_jslib': 'Dromaeo JSLib', | |
62 'morejs': 'Page Cycler Morejs', | |
63 'new-tab-ui-warm': 'New Tab Warm', | |
64 'database': 'Page Cycler Database', | |
65 'sync': 'Sync', | |
66 }; | |
67 if ('builder' in params) { | |
68 builder_list = params.builder.split(','); | |
69 } else { | |
70 builder_list = Keys(builder_map); | |
71 } | |
72 if ('test' in params) { | |
73 test_list = params.test.split(','); | |
74 } else { | |
75 test_list = Keys(test_map); | |
76 } | |
77 function write_builder_table() { | |
78 document.write('<table><tr>'); | |
79 for (var tindex=0; tindex < test_list.length; tindex++) { | |
80 test = test_list[tindex]; | |
81 test_name = test_map[test]; | |
82 DisplayGraph(builder_id + '/' + test, 250, 400, false); | |
83 if ((tindex % 3) == 2) { | |
84 document.write('</tr><tr>'); | |
85 } | |
86 } | |
87 document.write('</tr></table>'); | |
88 } | |
89 function write_test_table() { | |
90 document.write('<table>'); | |
91 row = []; | |
92 function write_row(row) { | |
93 document.write('<tr>'); | |
94 for (var bidx in row) { | |
95 builder = row[bidx]; | |
96 document.write('<th align="center"><p><br>' + | |
97 escape(builder).replace('%20', ' ') + '</p></th>'); | |
98 } | |
99 document.write('</tr><tr>'); | |
100 for (var bidx in row) { | |
101 builder_id = builder_map[row[bidx]]; | |
102 DisplayGraph(builder_id + '/' + test, 250, 400, true); | |
103 } | |
104 document.write('</tr>'); | |
105 } | |
106 for (var bindex=0; bindex < builder_list.length; bindex++) { | |
107 builder = builder_list[bindex]; | |
108 row.push(builder) | |
109 if ((bindex % 3) == 2) { | |
110 write_row(row); | |
111 row = []; | |
112 } | |
113 } | |
114 if (row.length > 0) { | |
115 write_row(row); | |
116 } | |
117 document.write('</table>'); | |
118 } | |
119 function write_overview_header_row() { | |
120 document.write('<tr><th> </th>'); | |
121 for (var bindex=0; bindex < builder_list.length; bindex++) { | |
122 builder = builder_list[bindex]; | |
123 url = MakeURL({'builder':escape(builder)}); | |
124 document.write('<th align="center"><a href="' + url + '">' | |
125 + escape(builder).replace('%20', ' ') + '</a></th>'); | |
126 } | |
127 document.write('</tr>'); | |
128 } | |
129 function write_overview_table() { | |
130 document.write('<table>'); | |
131 var width = document.body.scrollWidth / (builder_list.length + 2); | |
132 for (var tindex=0; tindex < test_list.length; tindex++) { | |
133 // Write a header every four rows for navigability. | |
134 // TODO: Use more sophisticated freezing of the header rows? | |
135 if ((tindex % 4) == 0) { | |
136 write_overview_header_row(); | |
137 } | |
138 test = test_list[tindex]; | |
139 test_name = test_map[test]; | |
140 document.write('<tr>'); | |
141 url = MakeURL({'test':escape(test)}); | |
142 document.write('<th valign="center"><a href="' + url + '">' | |
143 + test_name + '</a></th>'); | |
144 for (var bindex=0; bindex < builder_list.length; bindex++) { | |
145 builder = builder_list[bindex]; | |
146 builder_id = builder_map[builder]; | |
147 DisplayGraph(builder_id + '/' + test, 250, width, true) | |
148 } | |
149 document.write('<th valign="center"><a href="' + url + '">' | |
150 + test_name + '</a></th>'); | |
151 document.write('</tr>'); | |
152 } | |
153 write_overview_header_row(); | |
154 document.write('</table>'); | |
155 } | |
156 function write_header(header_string, url_string) { | |
157 document.write('<h1><a href="' + window.location.pathname + '">' | |
158 + 'Chromium Perf</a>'); | |
159 if (header_string) { | |
160 document.write(': ' + header_string); | |
161 } | |
162 if ('graph' in params) { | |
163 document.write(': ' + escape(params.graph)) | |
164 } else { | |
165 document.write(': overview'); | |
166 } | |
167 document.write('</h1>'); | |
168 if (url_string == '') { | |
169 // Only provide a link back to classic on the matrix page, | |
170 // not on the individual pages it can't handle. | |
171 document.write('<p>(<a href="overview.html' | |
172 + window.location.search | |
173 + '">classic view</a>)</p>'); | |
174 } | |
175 document.write( | |
176 '<p>[ <a href="perf.html' + | |
177 url_string + '">overview</a> | ' + | |
178 '<a href="perf.html?graph=times' + | |
179 url_string + '">page-load-time</a> | ' + | |
180 '<a href="perf.html?graph=vm_peak_b' + | |
181 url_string + '">vm-peak-browser</a> | ' + | |
182 '<a href="perf.html?graph=vm_peak_r' + | |
183 url_string + '">vm-peak-renderer</a> | ' + | |
184 '<a href="perf.html?graph=ws_peak_b' + | |
185 url_string + '">ws-peak-browser</a> | ' + | |
186 '<a href="perf.html?graph=ws_peak_r' + | |
187 url_string + '">ws-peak-renderer</a> | ' + | |
188 '<a href="perf.html?graph=total_op_b' + | |
189 url_string + '">total-op-browser</a> | ' + | |
190 '<a href="perf.html?graph=total_byte_b' + | |
191 url_string + '">total-byte-browser</a> | ' + | |
192 '<a href="perf.html?graph=commit_charge' + | |
193 url_string + '">commit_charge</a> ]</p>'); | |
194 } | |
195 if (builder_list.length == 1) { | |
196 builder = builder_list[0]; | |
197 builder_id = builder_map[builder]; | |
198 write_header(builder, '&builder=' + escape(builder)); | |
199 write_builder_table() | |
200 } else if (test_list.length == 1) { | |
201 test = test_list[0]; | |
202 test_name = test_map[test]; | |
203 write_header(test_name, '&test=' + escape(test)); | |
204 write_test_table() | |
205 } else { | |
206 write_header('', ''); | |
207 write_overview_table(); | |
208 } | |
209 </script> | |
210 </center> | |
211 </body> | |
212 </html> | |
OLD | NEW |