ドキュメント一覧 | 使用方法一覧

Boomerang 使用方法 #10:
Google Chrome による prerendered されたページの読み込み時間

このユースケースは Google Chrome 13 に実装された prerender 機能をベースにしています。 ページに読み込むコードはあなたが prerender を利用するかどうかに関わらず同じになります。この使用方法はそれらを配慮していません。 しかしながら、特定のページの prerender を有効にするには、元のドキュメントにあるリンク要素としてそのページの URL を含めます。 例えば、元のページの HEAD の中にこのようなコードを埋め込みます:

<link rel="prerender" href="howto-10-page%232.html">

これは howto-10-page#2.html と全てのそのリソースを先読みすることを Chrome に明示して、ユーザーが見えないバックグランドでレンダリングを開始します。 ユーザーがドキュメントのリンクをクリックすると、すぐに表示されます。

パフォーマンスを気にするエンジニアなら、その全体でどれくらい時間を要したか知りたくなると思います。個別には次のような点が気になると思います:

  1. クリックしてから表示されるまでの時間
  2. fetchStart/navigationStart から prerender が終わるまでの時間
  3. fetchStart/navigationStart から表示されるまでの時間
  4. prerender が終わってから表示されるまでの時間

それでは、あなたが2番目のページのレンダリングを完了するために、このページを十分時間をかけて読んだことに期待しましょう。

ページの読み込みテスト結果を確認するために 2番目のページ に移動してください。