何时在 NextJS 应用程序中使用可加载组件？

Question

我正在尝试提高我的网站性能，而 Google Chrome Lighthouse 告诉我使用可加载组件进行 ssr 以“删除未使用的 javascript”。

我在文档中发现它似乎是一个对我的案例具有有用功能的库，例如：组件拆分/加载库。

我的问题是：

1. @loadable/component 真的那么好吗？
2. 如果它很好，我应该将它用于任何组件/库导入吗？

谢谢！

Answer 1

默认情况下，Next.js 将您的 JavaScript 拆分为每个路由的单独块。所以当用户加载你的应用程序时，Next.js 只发送初始路由所需的代码。

您可以使用内置的next/dynamic在组件级别通过代码拆分进一步优化加载过程

有关更多详细信息，请参阅使用动态导入进行代码拆分。