我正在开发一个包含大量 CSS3 动画（关键帧）的响应式网站。
尽管它在桌面 Chrome 浏览器中运行良好，但该网站对于移动设备来说太重了，并且会导致浏览器崩溃，甚至有时会重新启动设备 LOL。
我是响应式动画和 CSS 动画的新手，希望得到您的帮助来优化动画，以便它们可以在移动设备上运行而不会崩溃。
我已经将所有动画（关键帧）从使用位置顶部/左侧更改为转换 translate3D。而且我还将动画播放状态默认设置为“暂停”，并且仅在您到达元素区域时（当它在视口中时）将其更改为“运行”。
请问我还能做什么？或者，我对此无能为力，应该始终暂停移动设备上的动画吗？
欢迎您一般性地回答我，或在下一个链接中访问该网站 -
* 不要在手机中打开它，它可能会重新启动您的设备！*
在最新的 Chrome 或 Firefox 中打开它：http: //goo.gl/BVsVH7
同样，我对响应式和移动设备都是新手，我不知道我应该做什么和不应该做什么。