本文へ移動

§15-08Perceived Performance

Prefetch on hover

リンクに触れた時点で次のページを先読みする。

クリック後の表示を速く感じさせる。ページ間の移動が多い一覧や記事サイトで、読み込み待ちを縮めたいときに使う。

実装のポイント

hover から 100〜300ms 待ってから先読みし、通過しただけのポインタで無駄打ちしない。focus でも同様に発火させ、低速回線や Save-Data 時は抑止する。

特徴
  • 非同期
  • タイマー
デモで使っているもの
  • lucide-react

このパターンが効く目的