前端性能优化

前端性能优化分为3个方面：接口访问优化、静态资源优化和页面渲染速度优化

一、接口访问优化

1. 减少http请求，合理设置http缓存
2. 减少cookie传输
3. 使用CDN提供静态文件
4. 启用GZIP压缩
5. 分域存放资源
6. 减少页面重定向
7. 避免使用iframe
8. 借用浏览器缓存

二、静态资源优化

1. 压缩html、css、js等文件
2. 在js之前引用css
3. 非阻塞js
4. 图片压缩
5. 矢量图替代位图
6. js代码相关优化

三、页面渲染速度

1. 懒加载
2. 避免响应式布局
3. 设置大小，避免重绘
4. 减少DOM元素
5. 文件顺序