2017-08-30 64 views
0

很慢我有一个Angular4应用程序,我建立&运行与纱。angular4页面加载纱构建

但它与加载浏览器的缓存速度很慢,甚至第二&后负荷。 第二次加载需要大约10到13秒(缓存)。在第一次加载时,我花了大约30秒。

请建议我什么考虑可以优化性能。 以下是页面加载的截图:

enter image description here

正如你可以看到初始加载时间是多少。我怎样才能减少它。在索引页上有登录页面,就是这样,但所有javascript &正在加载相关文件。

+0

你运行了什么命令?您是否每次都使用该命令构建应用程序? – mxr7350

+0

NG构建--prod –

+0

'纳克建立-prod'建立你每一次应用程序,尝试运行'纳克serve' – mxr7350

回答

0

由于阿曼耆那教提到的那样,NG2编译器并不需要,因为你的代码将被发送到客户端,您可以加快与AOT,将与初始加载时间帮助加载时间是预编译。这也会为你自动应用树状结构,丢弃你的应用程序没有使用的模块,这也会显着减少初始有效载荷。

然而,影响负荷时间的另一个因素是您的应用程序的架构,你的模块特别是如何被加载。如果您目前没有使用延迟加载,我建议您看一下:https://angular.io/guide/ngmodule#lazy-loading-modules-with-the-router

如果您希望浏览器加载所有路由和子路由的所有模块和依赖关系(在初始应用上发送厨房接收器负载),然后加载时间会增加。但是,延迟加载使用路由方案,客户端仅加载与当前路由相关的模块。