Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: 11ad90a22d
Fetching contributors…

Cannot retrieve contributors at this time

70 lines (65 sloc) 2.486 kB
<title>Boomerang Howto #10: Load time of a page prerendered by Google Chrome</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../boomerang-docs.css">
<link rel="prerender" href="howto-10-page%232.html">
<span style="float:right;"><a href="../">all docs</a> | <a href="index.html">index</a></span>
<h1>boomerang howto #10:<br>load time of a page prerendered by Google Chrome</h1>
This use case is based on Google Chrome's <a href="">prerender</a>
capabilities introduced with Chrome 13. The code to include on a page is the same regardless
of whether you use prerender or not, so this howto will not cover that. However, to enable
prerendering of a particular page, you include that page's URL as a link element in the current
document. For example, we include this code in the HEAD of the current page:
&lt;link rel="prerender" href="howto-10-page%232.html"&gt;
This tells Chrome to prefetch <code>howto-10-page#2.html</code> and all its assets, and to
start rendering it in the background, invisible to the user. When the user eventually clicks
on a link to that document, it should show up immediately.
As performance concious engineers, however, we'd like to know how long it all took. In
particular, the numbers we care about are:
<li>Time from click to display</li>
<li>Time from fetchStart/navigationStart to prerender finish</li>
<li>Time from fetchStart/navigationStart to display</li>
<li>Time from prerender finish to display</li>
Let's hope you've spent enough time reading this page to allow page#2's rendering to complete.
Go to <a href="howto-10-page%232.html">Page #2</a> now to see the results of the page load test.
<p class="perma-link">
The latest code and docs is available on <a href=""></a>
<p id="results">
<script src="../../boomerang.js" type="text/javascript"></script>
<script src="howtos.js" type="text/javascript"></script>
<script type="text/javascript">
BW: {
enabled: false
RT: {
cookie: 'HOWTO-RT'
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Copyrights licensed under the BSD License. See the accompanying LICENSE.txt file for terms.
Jump to Line
Something went wrong with that request. Please try again.