纱线构造时，angular4页面负载非常慢

Question

我有一个Angular4应用程序，我构建＆amp;用纱线跑。

但它加载速度非常慢，甚至是第二和第二稍后加载浏览器缓存。 第二次加载需要大约10到13秒（使用缓存）。在第一次加载时我花了大约30秒。

请告诉我哪些注意事项可以优化效果。 以下是页面加载的屏幕截图：

正如您所看到的，初始加载时间是多少。我怎样才能减少它。在索引页面上有登录页面，就是所有的javascript＆amp;相关文件正在为它加载。

Answer 1

正如Aman Jain所提到的，你可以通过AOT加速加载时间，这将有助于初始加载时间，因为你的代码是预编译的，因此不需要将ng2编译器发送到客户端。这也将自动为您应用树抖动，丢弃您的应用程序未使用的模块，这也可以大大降低初始有效负载。

但是，影响加载时间的另一个因素是应用程序的体系结构，尤其是模块的加载方式。如果您目前没有使用延迟加载，我建议您查看它：https://angular.io/guide/ngmodule#lazy-loading-modules-with-the-router

如果您希望浏览器加载所有路由和子路由的所有模块和依赖项（在初始应用程序加载时发送厨房接收器），则加载时间将增加。但是，延迟加载使用路由方案，其中客户端仅加载与当前路由相关的模块。