项目性能优化

笔者作为项目前端负责人，开发项目好比是十月怀胎，漫长的开发日子里要把控好时间，同时也要保障代码质量，项目开发阶段已完毕，将交付给产品同事进行内部测试，那么如何把项目让用户更有体验感呢？我们大致可以从几个方面下手进行优化，也是日常开发中要注意的坑。

1.加载优化

1.减少http请求
2.缓存资源
3.无阻塞
4.首屏加载
5.预加载
6.压缩代码
7.压缩图片
8.减少cookie
9.避免重定向
10.异步加载第三方资源

2.执行优化

1.css样式放头部
2.script放尾部且异步
3.避免img、iframe等src空值问题
4.尽量使用雪碧图
5.图片转BASE64编码

3.渲染优化

1.设置viewport
2.减少dom节点
3.优化动画
4.优化gup加速
5.优化高频事件

4.样式优化

1.避免在html里书写样式
2.避免css表达式
3.移除css空规则
4.正确使用display
5.不滥用float等

5.脚本优化

1.尽量不要引起重绘和回流
2.缓存dom选择和计算
3.缓存集合length的值
4.尽量使用事件委托
5.尽量使用id选择器
6.touch事件优化