H5 小游戏在安卓机中延迟卡顿，如何优化代码？

Question

开发一个没有数据与后台的 H5 小游戏，逻辑并不复杂。
但是真机实测的时候在安卓机上卡顿，帧数低的令人发指。

代码全部开放，右键即可。

点击进入测试地址 （ PC 建议打开调试模式）

在 iOS 与 PC 中运行无压力，但是在 Android 运行压力很大。

下图为安卓真机实测（备注：在谷歌浏览器中运行无卡顿）：
图片过大，点击跳转查看

下视频为 iOS 真机实测：
视频过大，点击跳转查看

Answer 1

压缩图片，色系比较足可以考虑压缩成jpg会小一点
预设好dom 使用opacity +transform 配合translateZ与will-change
防止频繁重绘（随手看了下你这个渲染,一片绿油油 ==）