Javascript main.bundle.js大小在Angular 4中承受的负载过大

我使用的是Angular 5.2.2版本，当一个新用户第一次点击我的实时应用程序时，它花费了太多的时间；这个main.bundle.js大小背后的原因是太大，因此需要比平常更多的时间

我在少数组件上应用了“ngbuild--prod”以及一些延迟加载，但它不起作用。 此外，我还删除了应用程序中的冗余组件、资产等，但它也不起作用

有人能建议我做什么吗 提前谢谢

---

Yasir

我也有同样的问题，因为我没有使用延迟加载。延迟加载是一种将应用程序分为不同模块的技术，这些模块只有在应用程序需要时才需要

---

在我的例子中，我为每个父url路由创建了一个模块（例如/car->create a module，/car/:id->将其包含在您的car模块中）。使用此策略，我现在的加载时间大约为3秒。但之前是12秒左右。

首先，您确定是main.bundle.js文件导致了速度缓慢吗？它有多大

正如所指出的，延迟加载的模块通常会有所帮助

独立于angular，确保在Web服务器（nginx或nodejs或任何您使用的）上启用压缩

对于nodejs

对于nginx

---

您可以尝试提前编译，这将使包的大小更小

ng build --prod --aot

---

这将从捆绑包中删除编译器代码，如果未在模板中使用，任何未使用的功能（如ngSwitch或ngIf）也将被删除。

我来自react，在我的应用程序中使用代码拆分的概念。查看此链接了解更多信息和谷歌搜索词：有没有其他没有网页包的解决方案？实际上，我只想加载单页登录firstmain.bundle.js应用程序首次加载时的大小为3.30 MB您的Web服务器是什么？Hi@YasirShabbirChoudhary，想知道您是否已从应用程序模块中删除了延迟加载的模块。是的，我在应用lazyloading时已将其从应用程序模块中删除