§15-08Perceived Performance
Prefetch on hover
リンクに触れた時点で次のページを先読みする。
クリック後の表示を速く感じさせる。ページ間の移動が多い一覧や記事サイトで、読み込み待ちを縮めたいときに使う。
実装のポイント
hover から 100〜300ms 待ってから先読みし、通過しただけのポインタで無駄打ちしない。focus でも同様に発火させ、低速回線や Save-Data 時は抑止する。
- 特徴
- 非同期
- タイマー
- デモで使っているもの
- lucide-react