移动端的性能陷阱和加速
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端的性能陷阱和加速相关的知识,希望对你有一定的参考价值。
1.减少或避免repaint, reflow; repaint即重绘页面如改变文字颜色,reflow即改变结构,整体可以理解为减少DOM操作。
2.尽量缓存数据。
3.使用CSS3 transform代替dom操作。
4.不要给非position:static添加css3动画。(会成倍增加浏览器开销)
5.适当的硬件加速。可以设置transform:translata3d(0,0,0); 。
以上是关于移动端的性能陷阱和加速的主要内容,如果未能解决你的问题,请参考以下文章