<link rel="prefetch">
link rel="prefetch" は将来のナビゲーションで必要になるリソースを低優先度でバックグラウンド取得し、ページ遷移を高速化します。
概要
link rel="prefetch" は将来のナビゲーションで必要になるリソースを低優先度でバックグラウンド取得し、ページ遷移を高速化します。
対応ブラウザ
デスクトップ
Chrome 8+
Edge 12+
Safari 未対応
Firefox 2+
モバイル
Chrome Android 18+
Safari iOS 未対応
Firefox Android 4+
基本構文
HTML
<link rel="prefetch" href="/next-page.html">
<link rel="prefetch" href="/js/page2.js" as="script">実務での使いどころ
-
<link rel="prefetch"> の活用
prefetch。将来必要になるリソースを低優先度で事前取得するリソースヒント。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。