【解析】

优化方式如下。

1.尽量使用CSS3动画，开启硬件加速。

2.适当使用 touch事件代替 click事件。

3.避免使用CSS3渐变阴影效果。

4.可以用 transform:translateZ（0）来开启硬件加速。

5.不滥用 Float, Float在渲染时计算量比较大，尽量少使用。

6.不滥用Web字体，Web字体需要下载、解析、重绘当前页面，尽量少使用。

7.合理使用requestAnimation Frame动画代替 setTimeout。

8.合理使用CSS中的属性（CSS3 transitions、CSS3 3D transforms、 Opacity、 Canvas、 WebGL、Video）触发GPU渲染。过度使用会使手机耗电量増加。