| 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 |