首页 > 移动平台 > 详细

移动端xi性能陷阱和硬件加速

时间:2019-08-21 15:05:24      阅读:112      评论:0      收藏:0      [点我收藏+]

1.减少或避免repaint(页面重绘),reflow(页面回流)

repaint:样式的变化,如颜色字体等

reflow:变化的成本比repaint大(可以理解为对dom元素的操作)

2.尽量缓存所有可以缓存的数据

3.使用css3 transform代替dom操作,animate.css

非主流性能优化原则

1.不要给非static定位元素(如absolute,relative)增加css动画  

2.适当的使用硬件加速

一个简单的例子,就是把图片画到canvas上,就会触发硬件加速

或是  ,给图层加transfrom    如transform:translate3d(0,0,0)

移动H5前端性能优化指南:

https://blog.csdn.net/wexin_37276427/article/details/82026532

移动端xi性能陷阱和硬件加速

原文:https://www.cnblogs.com/chm-blogs/p/11388748.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!