7. 移动端性能优化？

标签：比较   移动端   开启   out   settime   渲染   使用   ons   计算   

• 尽量使用css3动画，开启硬件加速
• 适当使用touch时间代替click时间
• 避免使用css3渐变阴影效果
• 可以用transform: translateZ(0) 来开启硬件加速
• 不滥用float。float在渲染时计算量比较大，尽量减少使用
• 不滥用web字体。web字体需要下载，解析，重绘当前页面
• 合理使用requestAnimationFrame动画代替setTimeout
• css中的属性（css3 transitions、css3 3D transforms、opacity、webGL、video）会触发GUP渲染，耗电

7. 移动端性能优化？

标签：比较   移动端   开启   out   settime   渲染   使用   ons   计算   

原文地址：https://www.cnblogs.com/Rivend/p/12642705.html