Next.js 9.5發佈,改進靜態站點生成性能

來自Vercel的基於React的開源框架Next.js在9.5版本中帶來了一些靜態站點生成性能方面的改進。該版本還允許開發者使用Webpack 5 Bata版,以實現更小、更快的構建。

與很多現代JavaScript框架一樣,Next.js在9.3版本中引入了靜態站點生成功能。在9.5版本中,Next.js增加了增量靜態站點生成,提供了幾個新選項,包括在部署後快速重新構建靜態頁面,不需要重新構建整個靜態站點。

新版本引入的一項技術允許在流量請求頁面時重新渲染現有的靜態頁面,從而消除訪問站點頁面時發生中斷。與傳統的靜態站點渲染相比,沒有延遲峯值,頁面永遠不會離線,數據庫和後端性能也很高效。

Next.js 9.5引入的另一組變化與配置基本路徑、URL中可選的尾斜槓以及對重寫、重定向和請求頭的支持有關。

Next.js 9.5利用內容哈希而不是構建標識符爲頁面引入了持久緩存。當JavaScript包沒有發生改變時,可以跨版本緩存頁面。

基於Next.js 9.4引入的用於熱模塊加載的快速刷新方法,9.5版本爲錯誤消息、組件狀態和更友好的故障排除信息提供了更好的開發者工具。Next.js 9.5還利用React Profiler API來識別產品性能問題。

雖然Webpack 5仍處於Beta階段,但Next.js 9.5爲其提供可選的支持,以便能夠利用即將發佈的Webpack新功能,包括改進的搖樹優化、持久緩存以及確定性的塊和模塊標識符。要使用Webpack 5 Beta版,用戶需要更新package.json,在其中指定一個特定的Webpack版本。Next.js 9.5的一些改進有利於爲Webpack 5提供支持,包括刪除了各種Webpack中間件依賴關係。升級到Webpack 5應該很簡單,不過使用自定義Webpack配置的開發人員需要驗證配置的兼容性。

社區對Next.js 9.5的反應是非常積極的,主要針對靜態站點生成和增量重新渲染方面的改進。

Next.js採用了MIT開源許可。開發者可以通過Next.js的GitHub倉庫參與共享,並遵循Next.js的貢獻指南行爲準則

原文鏈接

Next.js 9.5 Improves Static Site Regeneration Performance

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章