Categories
程式開發

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