My sidebar was busted

Next.js App Router

Measured on the live site · Sep 22 · pages are stand-ins

Before · my sidebar

StaffPeopleProsLiveInboxAccount

Staff

click → page0 ms

After · with the hook

StaffPeopleProsLiveInboxAccount

Staff

click → page0 ms

Staff → People

2,509 ms

65 ms

People → Pros

626 ms

46 ms

Pros → Staff

580 ms

15 ms

Staff → Live

595 ms

22 ms

Live → Inbox

443 ms

24 ms

Inbox → Account

410 ms

15 ms

My menu wasn't made of links, so Next never preloaded the pages. This hook does. My worst click went from 2,509 ms to 65 ms.