Next.js 13.5
内容提要
Next.js 13.5版本提升了本地开发性能和可靠性，启动速度提高22%，热更新速度提高29%，内存使用减少40%。新增优化包导入功能，自动优化大型图标和组件库的导入，同时next/image组件也进行了改进，支持更复杂的图像处理。此次更新修复了438个bug，提升了开发体验。
延伸解读
性能提升的量化与背景
Next.js 13.5 在本地开发性能上带来显著提升：启动速度提高22%，热更新速度提高29%，内存使用减少40%。这些数据基于新应用对比13.4版本，且内存测量是在运行 next start 时进行。性能提升得益于缓存、优化文件系统操作、增量树遍历等底层优化。此外，App Router 的采用率月环比增长80%，表明社区对其接受度不断提高。
优化包导入的自动化改进
13.5 引入 optimizePackageImports 选项，取代了之前的 modularizeImports，无需手动配置导入映射即可自动优化大型图标和组件库的导入。目前自动优化的库包括 @mui/icons-material、@mui/material、date-fns、lodash、lodash-es、ramda、react-bootstrap、@headlessui/react、@heroicons/react 和 lucide-react。这能减少本地开发和生产冷启动时间，用户 Lattice 报告
next/image 的进阶用法
新增实验性函数 unstable_getImgProps()，允许在不直接使用 <Image> 组件的情况下处理高级图像场景，例如背景图、canvas 绘制以及通过 <picture> 实现艺术方向或明暗模式切换。此外，placeholder 属性现在支持任意 data:image/ 格式的占位图，避免模糊效果。这些改进为开发者提供了更灵活的图片处理能力。
其他值得关注的改进
自13.4.0以来，共修复438个bug并带来多项改进，包括：next start 处理请求能力提升1062%，冷启动速度提升高达40%；Server Actions 支持静态路由、不再阻塞导航、添加 no-cache 头；新增对 HTTPS 开发、IPv6、Yarn PnP、Bun 创建项目的支持；文档新增表单、服务器组件、CSP 等主题。这些改进覆盖开发、构建和运行时，提升了整体开发体验。
Q&A
Next.js 13.5版本有哪些性能提升？
Next.js 13.5版本启动速度提高22%，热更新速度提高29%，内存使用减少40%。
Next.js 13.5中新增了哪些功能？
新增优化包导入功能，自动优化大型图标和组件库的导入，同时next/image组件也进行了改进，支持更复杂的图像处理。
Next.js 13.5修复了多少个bug？
此次更新修复了438个bug。
如何使用Next.js 13.5的next/image组件进行图像处理？
可以使用unstable_getImgProps()函数支持更复杂的图像处理，包括< picture >和暗模式支持。
Next.js 13.5的优化包导入功能有什么优势？
优化包导入功能可以自动优化大型图标和组件库的导入，提高本地开发性能和生产冷启动速度。
Next.js 13.5的更新对开发体验有什么影响？
此次更新提升了开发体验，修复了多个bug，并引入了新功能，使开发过程更加顺畅。
