问题描述
我正在尝试改善网站性能，并且Google Chrome Lighthouse告诉我要对ssr使用可加载组件，以便“删除未使用的javascript”。
我在文档中发现的似乎是一个对我的案例有用的函数库，例如：组件拆分/加载库。
我的问题是：
- @ loadable / component真的好吗？
- 如果很好，我应该将其用于任何组件/库导入吗？
谢谢！
解决方法
默认情况下，Next.js将您的JavaScript拆分为每个路由的独立块。因此，当用户加载您的应用程序时，Next.js仅发送初始路由所需的代码。
您可以使用内置的next/dynamic
通过在组件级别拆分代码来进一步优化加载过程。有关更多详细信息，请参见code splitting with dynamic imports。