我正在开发一个包含大量CSS3动画（关键帧）的响应式网站。
尽管它在桌面Chrome浏览器中运行良好，但该网站对于移动设备而言过于沉重，导致浏览器崩溃，甚至有时会重启设备LOL。
我对响应动画和CSS动画都不熟悉，并且希望得到您的帮助以优化动画，以便它们可以在移动设备上运行而不会让它们崩溃。
我已经将所有动画（关键帧）从使用位置top / left更改为translate3D。
并且我还默认将动画播放状态设置为“暂停”，并且仅当到达元素区域时（当它在视口中时）才将其更改为“正在运行”。
我还能做什么？或者，我对此无能为力，应该始终在移动设备上暂停动画吗？
欢迎您回复我，或者在下一个链接访问该网站 -
*请勿在手机中打开它，它可能会重启您的设备！ *
在最新的Chrome或Firefox中打开它：http://goo.gl/BVsVH7
我再次对响应和移动都不熟悉，我不知道我应该做什么，不该做什么。
答案 0 :(得分：3)
我认为今天在移动设备上很难做到这一点。
我在google pagespeed上运行了你的网站，有很多东西你可以做得更好。将您的网址粘贴到那里，您将获得一系列优化提示。