优化方式如下：

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渲染。过度使用会使手机耗电量増加。