如何减少 Angular 7 应用程序中的初始加载时间答案

【问题标题】：How can i reduce the initial loading time in angular 7 app如何减少 Angular 7 应用程序中的初始加载时间
【发布时间】：2019-12-08 18:53:44
【问题描述】：

实际上，我的 Angular 7 应用程序需要花费大量时间来加载（超过 5 分钟）第一页（尤其是在第一次打开网站应用程序时）

我尝试了很多东西，包括下面提到的优化，但它不起作用

 node --max_old_space_size=18192 ./node_modules/@angular/cli/bin/ng build 
--prod --build-optimizer

预期结果：该网站应在 1 秒内加载

实际结果： 5分钟后加载请帮忙

【问题讨论】：

【解决方案1】：

也许您可以使用延迟加载功能模块。

该方法在被url调用时加载页面，所以初始页面加载速度更快。

也许您可以更改文件夹结构并将其拆分为 this 等模块

【讨论】：

感谢 eduardo，但有没有其他方法可以摆脱，因为延迟加载功能需要更多时间才能完成
初始加载需要很长时间的原因可能有很多。但首先，通过引入延迟加载模块来避免一次性加载所有模块。我一直使用 preloadingStrategy 预加载所有模块（angular.io/api/router/PreloadAllModules）结合延迟加载，效率很高。如果解决了这个问题，那么我会在浏览器中检查哪些特定的网络调用需要时间（它可能是您的 API 或 js 模块等之一），这样您就可以缩小问题范围以提高性能。跨度>
是的，因为 main.js 包含大约 10MB 的加载空间，所以只有花时间才能减小文件大小

【解决方案2】：

你可以使用 AOT 吗？如果是的话，你可以试试：

ng build --aot --optimization=true --prod=true --build-optimizer=true --progress=true

有了这个配置和延迟加载，我有 500ko 块和 500ms 最大加载时间

【讨论】：