Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
qufei1993 opened this issue Sep 22, 2023 · 2 comments
Assignees
Labels

Comments

@qufei1993
Copy link
Owner

qufei1993 commented Sep 22, 2023

大家好,我是五月君,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。

这个之前我在 “Next.js 技术交流群” 也发过(此处打个广告,想入群的文末加五月君微信,备注 “next” 拉你入群,共同学习!卷起来!

不过现在可以考虑升到 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 做了测试,还是没能解决问题,还遇到了一些兼容性问题,也可能是笔者的使用姿势不对?有懂的大佬欢迎来一块交流!

本文部分内容参考自 Next.js 15 的发布博客 https://nextjs.org/blog/next-13-5

@qufei1993 qufei1993 self-assigned this Sep 22, 2023
@zhangciwu
Copy link

url fix: [https://nextjs.org/blog/next-13-5。](https://nextjs.org/blog/next-13-5%E3%80%82) -> https://nextjs.org/blog/next-13-5

@qufei1993
Copy link
Owner Author

url fix: [https://nextjs.org/blog/next-13-5。](https://nextjs.org/blog/next-13-5%E3%80%82) -> https://nextjs.org/blog/next-13-5

感谢,已修改

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants