CHAPTER 06
性能 / 部署 / 工程化
next/image、流式渲染、next/dynamic、next build 产物分析、部署与 Next 16 新特性。核心问题：怎么让页面更快、JS 更少、部署更顺。
next/image 图片优化
next/image 自动处理尺寸、占位、懒加载，避免图片拖慢首屏。
看什么：看图片如何按尺寸渲染、懒加载触发、以及占位背景。
流式渲染 Streaming
Suspense + loading.tsx：不用等整页算完，先吐骨架再流式填充。
看什么：慢速网络下先看到骨架屏，内容分块陆续出现（不阻塞整页）。
next/dynamic 动态导入
把不首屏需要的组件拆出去，减少首屏 JS 体积。
看什么：查看 Network 里 JS chunk：首屏只有核心 bundle，动态组件按需加载。
读 next build 产物
○/●/ƒ 标记、.next 目录结构、如何定位 JS 体积。
看什么：pnpm build 后对照日志理解每个路由的渲染方式与产物。