NextJS中文文档 - Lazy Loading
Next.js 中的懒加载通过减少渲染路由所需的 JavaScript 数量来帮助提高应用程序的初始加载性能。
它允许你延迟加载客户端组件和导入的库，只在需要时将它们包含在客户端包中。例如，你可能想要延迟加载一个模态框，直到用户点击打开它。
在 Next.js 中有两种实现懒加载的方法：
- 使用
next/dynamic的动态导入 - 使用
React.lazy()和 Suspense
默认情况下，服务器组件会自动进行代码分割，你可以使用流式传输从服务器到客户端逐步发送 UI 片段。懒加载适用于客户端组件。
next/dynamic/nextjs-cn/
next/dynamic 是 React.lazy() 和 Suspense 的组合。它在 app 和 pages 目录中的行为相同，以允许增量迁移。
