移动端的性能陷阱和加速

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); 。

以上是关于移动端的性能陷阱和加速的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

开启gpu加速的高性能移动端相框组件!

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

7. 移动端性能优化?