1
浏览器链接
项目详情
/workspace/projects/atlas
等待“链接进入视口”或“用户点击”。
Next.js 16.1.6 · 导航实验
Link 预取与客户端导航实验台
组合环境、路由类型、加载边界与 prefetch 策略，观察链接进入视口后哪些路由段进入客户端缓存，以及点击时还需要补哪些内容。
模拟结果，不发真实 Next.js 请求
实验配置
修改任一选项会清空本轮缓存与日志，避免旧状态混入新实验。
当前结论
等待操作。生产环境中的静态路由采用 auto / null 时，链接进入视口会开始完整预取。
从链接到页面的导航链路
共享布局已取得后不会重复计数；点击只补缓存缺口。
2
网络
○ 空闲
- 没有待处理请求
预取只在生产环境自动触发。
3
客户端 Router Cache
- 共享布局片段
- ○ 未缓存
- 最近 loading.tsx 边界
- ○ 未缓存
- 变化 Page 片段
- ○ 未缓存
缓存为空，点击时需按目标加载。
4
共享布局与变化 Page
当前页面保持显示
新 Page 尚未切换
客户端导航会保留共享布局，只替换变化的 Page。
事件时间线
- 进入视口等待链接可见
- 预取决策检查环境与策略
- 缓存写入按路由段保存结果
- 用户点击检查缓存缺口
- 局部渲染保留布局，替换 Page
本实验只模拟 Next.js 16.1.6 的导航决策关系。真实网络请求会受到路由树、部署环境与运行时状态影响，因此这里不展示固定缓存时长，也不使用后续版本的实验性 API。