h5移动端性能优化

渲染:1.动画优化
a.使用css3动画
b.使用requestAninmatation+Frame动画代替setTimeOut
2.高频事件优化
a.touch事件
b.scroll事件
3.图片优化
a.图片压缩
b.web优于jpg
c.png优于gif
d.对图片使用懒加载
4.GPU加速
a.transfrom触发
b.opacity
5.DOM层次不宜过多、js主动释放内存
css优化:1.层次不超过3层
2.去掉0的单位
3.合并css规范
4.移除空的css规则
加载优化:1.减少http请求
2.压缩js、

你可能感兴趣的:(h5移动端性能优化)