Angular4加载时间太长,有或没有延迟加载,因为它们总是在启动时下载

时间:2017-05-25 02:42:46

标签: performance angular lazy-loading production pageload

如果我不构建应用程序并且仅将所有js,html和css文件复制到生产中,Angular会缓存js文件吗?他们是否也只在需要时下载它们?

角度如何处理js文件下载及其实例化的方法?似乎ng-cli为应用程序创建了一个缩小的捆绑包,并且没有选项可以创建未捆绑到一个捆绑包文件中的缩小的js文件。所以看起来他们没有延迟加载,也没有带有http请求的动态下载。

这确实会对应用造成影响,加载时间非常慢。

2 个答案:

答案 0 :(得分:0)

文件是缓存的,是的,但它们不是编译。这就是它使页面加载缓慢的原因。

Follow this guide让你的代码编译ahead-of-time,你的网页应该开始加载得更快!

答案 1 :(得分:0)

加速加载时间的一些方法包括使用Webpack,Ahead-of-Time(AOT)编译和延迟加载。我发现最有效的方法是使用Server-side rendering (aka Angular Universal)