Vercel 正式發布網頁應用程式開發框架 Next.js 16.3，這次更新聚焦於改善頁面切換期間的等待體驗。新版加入可選用的「即時導覽」（Instant Navigations）功能，透過預先準備載入畫面、控制頁面內容的預先載入範圍，以及提供檢查切換速度的開發工具，協助網站在使用者點選連結後更快呈現可見內容。
Next.js 能將部分網頁內容留在伺服器處理，藉此減少瀏覽器需要下載與執行的程式碼。不過，頁面切換時可能仍須等待伺服器回傳資料，因此操作感受未必如由瀏覽器端驅動的單頁式應用程式（SPA）即時。Next.js 16.3 的即時導覽功能，正是針對這類等待情境進行改善。
先顯示載入畫面，再逐步取得動態內容
即時導覽會先將可重複使用的載入畫面送至瀏覽器。當使用者點選連結後，頁面可立即顯示載入狀態，並在背景逐步取得及呈現動態內容，避免畫面長時間停留在沒有回應的狀態。
新版同時提供部分預先載入功能（Partial Prefetching），讓網站只預先載入下一頁所需的畫面，而不必下載完整頁面內容。這項機制可在改善導覽反應速度的同時，降低不必要的資料傳輸與處理成本。
對於網站建置時尚未預先產生的網址，使用者首次造訪時也能先看到載入畫面，系統則在背景完成頁面產生。後續使用者造訪相同網址時，便可直接取得已完成的頁面內容。
新增工具診斷非即時頁面切換
Next.js 16.3 的開發工具可在開發期間標示未能即時完成的頁面切換，並允許開發人員暫停導覽流程，檢視使用者等待期間實際看到的載入畫面。這有助於團隊找出造成切換延遲的環節，進一步調整頁面結構或資料載入流程。
Next.js 也提供 Playwright 測試輔助函式，開發人員可以設定頁面切換後應立即出現的內容。當程式調整或架構重整導致導覽速度下降時，測試流程便有機會在部署前發現問題。
即時導覽目前仍需手動啟用
即時導覽現階段並非所有專案預設啟用，開發人員仍須自行開啟元件快取（Cache Components）與部分預先載入功能。Next.js 團隊表示，相關行為預計在未來主要版本成為預設設定，並採用更明確的快取規則，以降低過去隱含快取及過度預先載入所帶來的複雜度。
改善 Turbopack 與伺服器處理效能
除了導覽體驗，Next.js 16.3 也針對既有專案的開發及執行效率進行改善。官方測試顯示，Turbopack 開發伺服器在部分情境下最多可減少 90% 記憶體用量；重複建置時則能沿用未變更的建置結果，避免重新處理相同內容。
伺服器產生網頁畫面的機制也改用 Node.js 原生資料串流。根據官方負載測試結果，這項調整最多可讓系統處理的請求量提升 22%。實際改善幅度仍會受到應用程式架構、資料處理方式及部署環境影響。
此外，Next.js 16.3 新增使用 TypeScript 7 進行程式型別檢查的能力，讓採用新版 TypeScript 工具鏈的專案能在框架中進行型別驗證。
更新重點
- 加入可選用的即時導覽（Instant Navigations）。
- 支援部分預先載入，縮小下一頁所需的預先下載範圍。
- 提供導覽效能診斷工具，可檢視非即時切換與載入畫面。
- 提供 Playwright 測試輔助函式，協助驗證導覽後應立即出現的內容。
- Turbopack 開發伺服器在部分情境下最多可減少 90% 記憶體用量。
- Node.js 原生資料串流讓伺服器負載測試最多可多處理 22% 請求。
- 支援使用 TypeScript 7 進行程式型別檢查。
