我正在尝试提高我的网站性能,Google Chrome Lighthouse 告诉我为 ssr 使用可加载组件以“删除未使用的 javascript”。
我在文档中发现它似乎是一个对我的案例具有有用功能的库,例如:组件拆分/加载库。
我的问题是:
- @loadable/component 真的那么好吗?
- 如果它很好,我应该将它用于任何组件/库导入吗?
谢谢!
我正在尝试提高我的网站性能,Google Chrome Lighthouse 告诉我为 ssr 使用可加载组件以“删除未使用的 javascript”。
我在文档中发现它似乎是一个对我的案例具有有用功能的库,例如:组件拆分/加载库。
我的问题是:
谢谢!
默认情况下,Next.js 将您的 JavaScript 拆分为每个路由的单独块。因此,当用户加载您的应用程序时,Next.js 仅发送初始路由所需的代码。
您可以使用内置的next/dynamic在组件级别通过代码拆分进一步优化加载过程
有关更多详细信息,请参阅使用动态导入进行代码拆分。