Next.js 16.3 Instant Navigations：比快速点击更重要的是缓存契约

发生了什么

Next.js 16.3 Preview 于 2026 年 6 月 24 日发布。核心思路是先显示可复用的 route shell，再把动态内容流式补上。

Partial Prefetching 不再为每个可见链接预取完整页面，而是按 distinct route 预取可复用 shell。

为什么重要

在 dashboard、SaaS 和电商产品中，点击后立即看到有意义的 shell 会显著改善体感速度。但团队必须清楚划分可 prerender 的 UI、request-time 数据、Suspense 和 cache boundary。

社区信号

社区一直希望 App Router 有接近 SPA 的流畅感，但围绕 PPR、searchParams、stale data 和 prefetch 成本的讨论说明缓存边界仍是难点。

检查清单

选择五个高频 route，拆分 shell 与 dynamic region，衡量 transferred bytes 和 RSC timing，限制 manual prefetch，并验证 CDN 对 HTML/RSC 的失效流程。

风险

16.3 仍是 Preview。应先在 read-heavy route 试点，不要直接放到 checkout 或 billing 关键链路。

来源

• Next.js Blog: Next.js 16.3 Instant Navigations
• Next.js Docs: Prefetching
• Next.js Docs: Caching with Cache Components
• Next.js Docs: cacheComponents configuration
• Next.js Docs: Version 16 upgrade guide
• Next.js Docs: Rendering Philosophy
• Next.js Docs: CDN Caching
• Next.js Docs: PPR Platform Guide
• GitHub Discussion: Next.js searchParams and PPR cache concerns
• Reddit r/nextjs discussion: smooth App Router navigation expectations