Angular 角度5.x页面加载或模块本身的初始化需要更长的时间

总加载时间约为32.3秒。发生这种情况时，我们将从上一页打开新选项卡。此API获取数据大约需要240毫秒到10秒。但在API调用UI模块之前，加载自身需要更长的时间

这其中的主要原因是什么

app-module.ts几乎导入91

分别进口了9个模块，包括基本ng模块

---

有两件事可以显著缩短加载时间：

尝试使用--prod选项构建以启用生产构建

对模块使用延迟加载

---

如果您的应用程序中未执行此操作，请执行以下操作： 1） 使用--prod选项生成以启用生产生成。 2） 使用压缩图像和精灵图像。 3） 基于每个路由延迟加载所有模块。参考链接 4） 如果使用Angular universal，则执行服务器端渲染，请参阅链接 5） 通过在angular.json文件中写入“vendor hunk”：true，将vendor.bundle.js与main.bundle.js分开

---

如果对你有帮助，请告诉我

设置aot=实际工作正常。有很多错误和警告导致了问题。我使用aot=false

在运行这个之后

ng build --prod --aot

其工作良好，加载速度快

我使用的旧方法导致加载问题：

ng build --prod --aot=false

---

我们可以实现SourceMapExplorer来查看每个js文件的大小，并且使用sourcemaps，我们可以将编译器与vendor.bundle.js隔离开来。这有助于减小js文件的大小，从而更快地加载页面。这是AOT在Angular中的概念。

#5-添加了文件调用方式的屏幕截图。在我的例子中，main.bundle和vendor.bundle已经分开了。对于1点，我只有在执行--prod选项时才会在生产中遇到这个问题。2点-在我的例子中，没有使用backoffice portal.ng build--prod--aot的映像使用这个。首先，我必须解决所有的错误和警告。第一个选项不起作用。因为已经在使用相同的。让我试试惰性加载。