图片、字体与加载性能

图片交给 next/image、字体交给 next/font,用 LCP/CLS 实测代表页面,只修有数据支撑的问题。

Next.js核心约 30 分钟
开始学习
学习目标
  • 用 next/image 声明尺寸与加载优先级,消除布局偏移、改善 LCP
  • 用 next/font 自托管字体,消除字体交换闪动
  • 测量代表页面的 LCP/CLS,验证修复有数据支撑

Command Palette

Search for a command to run...