前端性能优化

提高页面展示速度

1. 避免进入页面时重定向
2. 缩短服务器响应用时
3. 使用浏览器缓存
4. 缩小HTML，CSS，Javascript资源的大小
5. 优化图片
6. 优先加载可见内容（缩小首屏内容大小）
7. 延迟加载JavaScript

性能优化

1. 减少http请求数量
2. 资源（html, css, javascript，图片）合并及压缩
3. 减少页面重绘回流
4. JavaScript 放页面后加载，样式文件放head加载
5. 懒加载
6. 避免重定向
7. 使用cdn托管
8. 使用缓存
9. 字符串拼接由‘+’改为数组join
10. 减少DOM操作
11. 避免使用eval
12. className替代修改dom样式
13. 字符串拼接由‘+’改为数组join
14. css层级嵌套尽可能少一点
15. css尽可能少使用表达式