移动端性能陷阱和硬件加速
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端性能陷阱和硬件加速相关的知识，希望对你有一定的参考价值。
1.减少或避免repaint/页面重绘,reflow/页面回流
repaint:样式的变化，如颜色
reflow:变化的成本比repaint大
也可以理解为对dom元素的操作
2.尽量缓存所有可以缓存的数据
3.使用css3transform代替dom操作，animate.css
非主流性能优化原则
1.不要给非static定位元素（如absolute,relative）增加css动画
2.适当的使用硬件加速
一个简单的例子，就是把图片画到canvas上，就会触发硬件加速
或是 ，给图层加transfrom 如transform:translate3d(0,0,0)
以上是关于移动端性能陷阱和硬件加速的主要内容，如果未能解决你的问题，请参考以下文章