angular加载过慢-性能优化学习

学习资料：

https://blog.csdn.net/jiezhaoliao9206/article/details/77880735

https://blog.csdn.net/liumiaocn/article/details/78776761

https://blog.csdn.net/itest_2016/article/details/80048398

https://www.jb51.net/article/137034.htm

尝试：界面加载过慢，如果不是请求接口的耗时，那就直接优化vendor.bundle.js，这个包一般都是好几M，加载慢那就不可避免了，重点先缩小这个包。

首先，ng build换成ng build --pord --aot，如果编译通过，没有问题，生成的编译后的vendor.bundle.js文件确实小了，加载速度明显变快，一般情况下，快一倍是没有问题的。如果在优化，就要从代码入手了，懒加载或者模板优化，以及考虑angular脏检查，还有服务端开启gizp压缩，几步下来，优化速度是显著的！

但是！上面提到如果编译不报错，如果代码不太规范，那么很可能一堆报错，主要是预编译时，模板解析更严格，依次可能出现的问题，模板解析报错、angular/cli版本过低需要升级、cli直接升级的问题等等，慢慢求索补充吧。。。

 

 

清npm缓存：

npm cache clean --force