项目优化小记（angular）

记录一下优化的内容。

对图片加载的优化

1.ng-if的子元素中img标签的src改为ng-src，减少图片请求；
2.子元素class有背景图相关则改为ng-class，减少图片请求；
3.如果是一次性判断是否显示图片的使用ng-if，如果是可交互开关的则使用ng-show，减少图片请求；
4.所有图片上cdn服务器，降低请求耗时。
5.小于一定大小的图片存本地并转换为base64格式，减少从服务器请求资源的次数。

对js的处理

1，在路由中使用resolve做懒加载处理，降低首屏需要加载的文件数量。
2，对部分js做延迟加载处理，加快首屏速度。

对css的处理

1，在路由中使用resolve做懒加载处理，降低首屏需要加载的文件数量
2，将css中的图片做上述图片优化

对其他文件的处理

1，减少不必要文件请求，类似PC端加载mobile的文件。

对接口的处理

1.使用广播避免接口的重复调用
2.在部分接口添加随机数参数，避免浏览器的缓存导致数据改变但是接口返回数据不变的情况。
3.部分接口在执行操作之后再去调用。