Javascript 在next.JS中，所有人共享的第一个加载JS相当重

我有一个关于Next.jsframework的项目，问题是所有页面共享的js的第一次加载相当重。
我想知道我可以考虑哪些方面来减少它，同时也知道我是否做错了什么。

我的下一个js版本：

^10.0.3

生成时与页面相关的信息：

---

我建议安装，以便更好地了解哪些依赖项会导致文件大小。

我也遇到同样的问题（共享的第一次加载JS文件超过400KB），并尝试使用建议的开发模块进行分析。但是这里显示的块与下一个构建输出的块不匹配。此外，bundle analyzer中列出了一些我正在延迟加载的包和组件（使用

动态

或

等待导入

）。对吗？bundle analyzer中的许多块也封装了相同的节点模块。我真的认为很难用这种方式进行分析。Next.js创建了两个捆绑包：服务器和客户端。运行

next build

的输出引用客户端包，并且应该与

@next/bundle analyzer

中的客户端包精确匹配。使用动态导入的模块不应该出现在客户端包中，除非您在其他地方以非动态方式使用它们。真的吗？谢谢你的解释，但是我很困惑。我创建了另一个问题，其中包括我的客户机分析包：例如，

jspdf

是一个很大的资源，但它只包含在异步加载函数的一个页面中：

const{…mod}=wait import（'jspdf'）；constpdf=newmod.jsPDF（{…}）

不信任上述

await import（'jspdf'）

方法，我甚至添加了使用`jspdf`模块的唯一组件的

dynamic

import（next/dynamic），它在bundle分析器中仍然可见，并且第一个加载大小也没有改变。