优化核心 Web 指标

让我们看看如何利用 Next.js 的特性来优化示例项目的核心 Web 指标 (Core Web Vitals)。

在本课程中,您将学习:

  • Lighthouse 工具是什么以及如何使用它
  • 如何使用 next/image 自动优化图片
  • 如何动态导入库和组件以减少初始 JS 包体积
  • 如何预连接第三方脚本
  • Next.js 如何默认优化网页字体加载
  • 如何优化任意第三方脚本的加载