Next.js 13.5 发布:提高开发速度、性能改进及修复 438 个 Bug!

开发 前端
号称比 Vite 快 10 倍的 Turbopack” Next.js 团队还正在进行开发以进一步提高性能,目前 Turbopack 还处于 Beta 阶段,只支持 next dev,不支持 next build。

大家好,我是五月君,Next.js 13.5 版本于本周发布,从官方的发布博客看,不像 13.4 带了很多新功能。本版本主要侧重于性能优化,例如提高了本地服务器启动速度、HRM(热更新)速度、减少了内存占用以及 438 个 bug 的修复(这个 Bug 数量是真的不少看来用的人也不少哈~)。

开发环境速度慢,你是否有遇到?

之前使用 Next.js 13.4 版本,开发环境随着模块数量的增多,特别消耗内存,速度也很慢(生产环境似乎没有这个问题)当时的方案是升级到 13.4.8 之上会好很多,但还有优化的空间,因为还是不能和 Vite 这种闪电般的速度比拟!详情参见这个 Issue 的讨论 https://github.com/vercel/next.js/issues/48748。

不过现在可以考虑升到 13.5 版本测试下了。

13.5 提升了本地开发性能和可靠性

以下是 Next.js 13.5 对于本地开发性能和可靠性的提升:

  • 本地服务器启动速度提高了22%:通过 App & Pages Router 实现更快的迭代。
  • HMR(Fast Refresh)速度提高了29%:在保存更改时进行更快的迭代。
  • 内存使用减少了40%:在运行 next start 时测得。
  • 优化的包引入:在使用常见图标和组件库时进行更快的更新。
  • next/image 改进:新增 <picture>、艺术方向以及暗模式支持。
  • 修复了超过 438 个 Bug!

性能提升主要来自于以下优化措施(这些了解即可,对于开发者只有一个感受,“快” 就对了):

  • 通过缓存或最小化缓慢操作来减少工作量。
  • 优化昂贵的文件系统操作。
  • 在编译期间更好地增量遍历树。
  • 将不必要的阻塞同步调用移到惰性执行。
  • 自动配置大型图标库。

Turbopack 还处于 Beta 阶段

之前 “号称比 Vite 快 10 倍的 Turbopack” Next.js 团队还正在进行开发以进一步提高性能,目前 Turbopack 还处于 Beta 阶段,只支持 next dev,不支持 next build。

之前因为使用 v13.4 在开发模式下太慢,也采用 Turbopack 做了测试,还是没能解决问题,还遇到了一些兼容性问题,也可能是笔者的使用姿势不对?

责任编辑:武晓燕 来源: 编程界
相关推荐

2023-09-20 10:14:03

Next.js前端

2023-10-27 15:13:12

Next.jsRust

2024-03-05 19:17:37

2021-01-04 09:06:18

Next.js设计技巧

2023-09-04 08:20:00

2024-04-28 10:56:34

Next.jsWeb应用搜索引擎优化

2020-12-14 11:40:27

Next.js SSRReact

2024-03-29 08:32:01

Node.jsNext.js组件

2021-11-26 10:29:24

jsRemix开源

2024-03-04 07:33:39

RemixReact框架

2014-12-17 09:40:22

dockerLinuxPaaS

2023-10-28 09:41:12

Next.js函数配置选项

2023-10-30 07:08:34

2023-05-26 08:13:49

RSCNext.js开源

2022-02-22 20:48:48

RemixNext.js框架

2024-04-03 13:27:28

Next.js扩展项目

2021-11-29 09:12:44

Next.js Remix 开源

2024-02-05 11:55:41

Next.js开发URL

2022-10-13 18:54:57

JavaScriptQwikReact

2023-11-16 07:43:26

Next.jsReact
点赞
收藏

51CTO技术栈公众号