android下css3动画非常卡，GPU也不差啊

问题描述

测试用机是米3。做的一个场景动画，iphone4下都很流畅，而安卓机跪了，尤其集中在面积较大的动画执行上，米3惨不忍睹，MOTO G稍微好一点，大家有什么好建议吗

问题解答

回答1：

按下面顺序优化一遍吧：

是否导致layout如果是，尽可能将动画元素absolute化以避免影响文档树，造成大面积重新计算layout。是否启用硬件加速“用到了CSS3动画”和“开启了硬件加速”是两件事情，虽然前者有可能导致后者。开启硬件加速在webkit中有神奇的万金油：opacity: 1;或者-webkit-backface-visibility: hidden;。是否是有高消耗的属性（css shadow、background-attachment: fixed等）有的话，图片也是一种选择。这算得上是用空间换时间的优化了。repaint的面积如果是，只好缩小动画面积了。这一步的优化有限，基本上还是依赖于上面三者

翻墙读一下High Performance Animations吧：