Next.js 16.4 上线 AI 代理技能：自动定位并削减隐藏的 JavaScript 体积
talkingdev • 2026-11-03
4510 views
Next.js 16.4 针对前端包体积优化发布了一项重要更新：新增的 next-bundle-optimizer 代理技能能够读取 Turbopack 的模块图，自动发现隐藏在导入链中的重型依赖。团队常常以为某些代码已被延迟加载，但实际仍可能通过间接引用提前加载，从而拖慢首屏。该技能可定位这些问题并直接应用修复，同时新增的 Bundle Analyzer 提供路由体积、快照差异和关键渲染路径等视图，让开发者更直观地理解打包结果。官方表示，在 Vercel 的 v0 与 vercel.com 上，该方案已减少近 2 MB 压缩后的 JavaScript。对 Turbopack 用户而言，这意味着无需大量手工排查即可获得类似的性能收益，进一步降低现代 Next.js 应用的加载负担。
核心要点
- Next.js 16.4 新增 AI 代理技能，可读取 Turbopack 模块图并定位隐藏导入链。
- Bundle Analyzer 新增路由体积、快照差异与关键渲染路径分析视图。
- Vercel 在 v0 和 vercel.com 上已减少近 2 MB 压缩 JavaScript。