新聞

Vercel發布網頁應用程式開發框架Next.js 16.3正式版，重點加入可選用的即時導覽（Instant Navigations）功能，透過預先準備載入畫面、控制頁面內容的預先載入範圍，以及檢查切換速度的開發工具，減少使用者點選連結後等待內容出現的情況。

Next.js可將部分網頁內容留在伺服器處理，減少瀏覽器需要下載及執行的程式碼，但頁面切換時也可能必須等待伺服器回傳資料，操作感受不如由瀏覽器端驅動的單頁式應用程式（SPA）即時。新功能會先把可重複使用的載入畫面送到瀏覽器，使用者點選連結後可立即看到畫面，再逐步載入動態內容。

其中，部分預先載入功能（Partial Prefetching）允許網站只先載入下一頁必要的畫面，不必預先下載完整頁面。未在網站建置時預先產生的網址，第一次有人造訪時也能先顯示載入畫面，系統再於背景完成頁面產生，後續造訪者便可直接取得已完成的頁面內容。

新版開發工具會標出開發期間遇到的非即時頁面切換，並讓開發人員暫停導覽流程，查看使用者等待期間會看到的載入畫面。Next.js也提供Playwright測試輔助函式，可設定頁面切換後應立即出現的內容，讓程式調整或重整架構後若使導覽不再即時，能在測試階段發現。

即時導覽目前仍須由開發人員自行開啟元件快取（Cache Components）與部分預先載入功能。Next.js團隊表示，相關行為預計在未來主要版本成為預設，並採用較明確的快取規則，減少過去隱含快取與過度預先載入造成的複雜度。

Next.js 16.3也改善既有專案的開發與執行效率，官方測試顯示，Turbopack開發伺服器在部分情境下最多可減少90%記憶體用量，重複建置時可沿用未變更的建置結果，而伺服器產生網頁畫面的機制改用Node.js原生資料串流後，負載測試最多可多處理22%請求。新版也可使用TypeScript 7進行程式型別檢查。