为移动设备优化繁重的网站CSS3动画
为移动设备优化繁重的网站CSS3动画
提问于 2013-11-14 20:37:53
我在一个响应式的网站上工作，有很多CSS3动画(关键帧)。
虽然它在桌面Chrome浏览器上运行得很好，但对于移动设备来说，它太重了，甚至有时会使浏览器崩溃，甚至重启设备的LOL。
我对响应式和CSS动画都是新手，希望得到你的帮助来优化动画，这样它们就可以在移动设备上工作，而不会崩溃。
我已经将我所有的动画(关键帧)从使用position top/left更改为变换translate3D。我还将动画播放状态设置为默认的“已暂停”，并且仅当您到达元素所在的区域时才将其更改为“运行”(当它在视口中时)。
我还能做些什么呢？或者，我对此无能为力，应该总是暂停移动设备上的动画吗？
欢迎您在一般情况下回答我，或在下一个链接中访问该网站-
*不要在手机中打开它，它可能会重启您的设备！*
在最新的Chrome或火狐浏览器中打开它：http://goo.gl/BVsVH7
再说一次，我对响应式和移动端都是新手，我不知道我应该做什么，不应该做什么。
回答 1
Stack Overflow用户
发布于 2013-11-14 20:56:44
我认为很难让它在今天的移动设备上很好地工作。
我在google pagespeed上运行了你的网站，有很多东西你可以做得更好。将你的url粘贴到那里，你会得到一堆优化的提示。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19977873
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号