来訪者が高い可能性で次に読み込むファイルを先読みさせたい。

HTML5 Prefetch — Medium

対応ブラウザやテスト方法など、かなり詳しく解説している記事。

種類は主に以下の四つがあるよう。

• dns-prefetch – ドメインの名前解決
• subresource – 現在のページで使用するファイルをキャッシュ
• prefetch – 後続のページで使用するファイルをキャッシュ
• prerender – バックグラウンドでレンダリングまで行う

今回はprefetchを試してみた。

1<link rel=”prefetch” href=”/js/example.js”>

効果のほどは今後検証していく。