7. 移动端性能优化?

Posted rivend

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了7. 移动端性能优化?相关的知识,希望对你有一定的参考价值。

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

以上是关于7. 移动端性能优化?的主要内容,如果未能解决你的问题,请参考以下文章

Android移动端网络优化

移动端网站如何优化,移动端网站HTML5前端性能优化指南

loadrunner11的移动端性能测试之脚本优化

Unity教程||Unity移动端游戏性能优化

有货移动Web端性能优化探索实践

有货移动WEB端性能优化探索实践