06 · 实验 A
next/image 图片优化
next/image 是 Next 内置的图片组件，自动处理宽度/高度、懒加载、占位，避免图片成为首屏瓶颈。
原生 img（无优化）
直接整张加载，无尺寸/懒加载控制，可能拖慢首屏。
next/image（优化）
next/image 声明宽高可防布局抖动（CLS）、默认懒加载、可配占位。
关键认知
- 给
next/image明确的width/height，能防止图片加载导致的布局偏移（CLS）。 loading="lazy"（默认）：视口外的图片延迟加载，减少首屏流量。- 本项目
next.config设了unoptimized: true（跳过图片优化服务），所以效果是"尺寸 + 懒加载"，真正生产环境可开启优化服务 / CDN。 - 远程图片域名需在
images.remotePatterns登记（见本项目配置）。