1---
2title: Trajectory Prediction Over Hover Prefetching
3impact: HIGH
4tags: prefetch, trajectory, hover, performance
5---
6 
7## Trajectory Prediction Over Hover Prefetching
8 
9Hover prefetching starts too late. Trajectory prediction fires while the cursor is still in motion, reclaiming 100-200ms.
10 
11**Incorrect (waits for hover):**
12 
13```tsx
14<Link
15  href="/about"
16  onMouseEnter={() => router.prefetch("/about")}
17>
18  About
19</Link>
20```
21 
22**Correct (trajectory-based):**
23 
24```tsx
25const { elementRef } = useForesight({
26  callback: () => router.prefetch("/about"),
27  hitSlop: 20,
28  name: "about-link",
29});
30 
31<Link ref={elementRef} href="/about">About</Link>
32```
33