| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> | 2 <html id="t" jsvalues="dir:textdirection;firstview:firstview"> |
| 3 <!-- | 3 <!-- |
| 4 This page is optimized for perceived performance. Our enemies are the time | 4 This page is optimized for perceived performance. Our enemies are the time |
| 5 taken for the backend to generate our data, and the time taken to parse | 5 taken for the backend to generate our data, and the time taken to parse |
| 6 and render the starting HTML/CSS content of the page. This page is | 6 and render the starting HTML/CSS content of the page. This page is |
| 7 designed to let Chrome do both of those things in parallel. | 7 designed to let Chrome do both of those things in parallel. |
| 8 | 8 |
| 9 1. Defines temporary content callback functions | 9 1. Defines temporary content callback functions |
| 10 2. Fires off requests for content (these can come back 20-150ms later) | 10 2. Fires off requests for content (these can come back 20-150ms later) |
| (...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 177 logEvent('domcontentloaded fired'); | 177 logEvent('domcontentloaded fired'); |
| 178 } | 178 } |
| 179 | 179 |
| 180 logEvent('log start'); | 180 logEvent('log start'); |
| 181 </script> | 181 </script> |
| 182 <head> | 182 <head> |
| 183 <meta charset="utf-8"> | 183 <meta charset="utf-8"> |
| 184 <title jscontent="title"></title> | 184 <title jscontent="title"></title> |
| 185 <style type="text/css"> | 185 <style type="text/css"> |
| 186 body { | 186 body { |
| 187 font-family:arial; | |
| 188 background-color:white; | 187 background-color:white; |
| 189 font-size:84%; | |
| 190 margin:0px; | 188 margin:0px; |
| 191 } | 189 } |
| 192 html[firstview='true'] #main { | 190 html[firstview='true'] #main { |
| 193 opacity:0.0; | 191 opacity:0.0; |
| 194 -webkit-transition:all 0.4s; | 192 -webkit-transition:all 0.4s; |
| 195 } | 193 } |
| 196 html[firstview='true'] #main.visible { | 194 html[firstview='true'] #main.visible { |
| 197 /* unfortunately, 1.0 results in no animation */ | 195 /* unfortunately, 1.0 results in no animation */ |
| 198 opacity:0.999; | 196 opacity:0.999; |
| 199 } | 197 } |
| (...skipping 184 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 384 #searches input.hint { | 382 #searches input.hint { |
| 385 color:#aaa; | 383 color:#aaa; |
| 386 } | 384 } |
| 387 .footer { | 385 .footer { |
| 388 border-top:1px solid #ccc; | 386 border-top:1px solid #ccc; |
| 389 padding-top:4px; | 387 padding-top:4px; |
| 390 font-size:8pt; | 388 font-size:8pt; |
| 391 } | 389 } |
| 392 </style> | 390 </style> |
| 393 </head> | 391 </head> |
| 394 <body onload="logEvent('body onload fired');"> | 392 <body onload="logEvent('body onload fired');" |
| 393 jsvalues=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| 395 <div id="l10n" style="display:none;"> | 394 <div id="l10n" style="display:none;"> |
| 396 <span id="closedwindow" jscontent="closedwindow">Window</span> | 395 <span id="closedwindow" jscontent="closedwindow">Window</span> |
| 397 </div> | 396 </div> |
| 398 <script> | 397 <script> |
| 399 // We apply the size class here so that we don't trigger layout animations onloa
d. | 398 // We apply the size class here so that we don't trigger layout animations onloa
d. |
| 400 handleWindowResize(); | 399 handleWindowResize(); |
| 401 window.addEventListener('resize', handleWindowResize, true); | 400 window.addEventListener('resize', handleWindowResize, true); |
| 402 document.addEventListener('DOMContentLoaded', handleDOMContentLoaded); | 401 document.addEventListener('DOMContentLoaded', handleDOMContentLoaded); |
| 403 </script> | 402 </script> |
| 404 | 403 |
| (...skipping 523 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 928 processData(); | 927 processData(); |
| 929 | 928 |
| 930 // In case renderMostVisitedItems doesn't come back quickly enough, begin | 929 // In case renderMostVisitedItems doesn't come back quickly enough, begin |
| 931 // the first-run fade-in. If it has started or if this is not a first | 930 // the first-run fade-in. If it has started or if this is not a first |
| 932 // run new tab, this will be a no-op. | 931 // run new tab, this will be a no-op. |
| 933 setTimeout(function(){document.getElementById('main').className = 'visible'}, | 932 setTimeout(function(){document.getElementById('main').className = 'visible'}, |
| 934 1000); | 933 1000); |
| 935 </script> | 934 </script> |
| 936 </body> | 935 </body> |
| 937 </html> | 936 </html> |
| OLD | NEW |