css动画网页崩溃，css动画网页崩溃怎么办

机微信浏览器中CSS动画执行卡顿,怎么解决

建议用腾讯手机管家清理手机内存，内容包括缓存垃圾、系统垃圾、广告垃圾清理加速，达到优化空间的目的。空间优化了，自然卡顿也会得到改善。

也就是说，使用 transform，浏览器只需要一次生成这个元素的位图，并在动画开始的时候将它提交给 GPU 去处理 。之后，浏览器不需要再做任何布局、 绘制以及提交位图的操作。

如果css没有加载，检查下css是否是加载太慢花的时间太长导致的，如果是优化css，或者将css单独存放到加载速度快的服务器上。

相关问答

Q1: css3动画导致安卓webview内存溢出

1、CSS3动画可能会导致安卓WebView内存溢出的原因可能有以下几个方面：动画过于复杂：如果CSS3动画过于复杂，会导致WebView频繁重绘，从而占用大量内存。

2、在存储卡在长时间的使用中会逐渐造成手机启动速度降低，明因此磁盘整理成为必要。建议用腾讯手机管家清理手机内存，内容包括缓存垃圾、系统垃圾、广告垃圾清理加速，达到优化空间的目的。空间优化了，自然卡顿也会得到改善。

3、项目当中模拟器上运行UIWebView读取本地杂志，没问题，真机测试经常内存溢出崩溃。查了资料因为Html里的js 导致的内存泄漏，每次打开一个连接就会把“WebKitCacheModelPreferenceKey”设置成1。

4、translate3d(0，0，0)；transform： translate3d(0，0，0)；总结解决 CSS3 动画卡顿方案 尽量使用 transform 当成动画熟悉，避免使用 height，width，margin，padding 等；要求较高时，可以开启浏览器开启 GPU 硬件加速。

5、你好，这个问题应该是css兼容性问题导致的。

6、让你的页面动画在移动设备上运行更快。这是一个有趣的话题。这也是移动互联网前端工程师关心的问题。 我们都知道JavaScript效率低下的两个主要原因：操作DOM和使用页面动画。浏览器上的动画效果并不比客户端容易。

Q2: 手机css3动画不运行的原因是什么?

1、可能是源代码问题，可以查看源代码，代码不多的，用手机和电脑浏览，注意那个充电头的动画。

2、所以说，当系统接收到Touch事件之后会优先响应，此时会暂停屏幕上包括js、css的渲染。这个时候不光是css动画不动了，哪怕页面没有加载完如果你手指头还停留在屏幕上那么页面也不会继续加载，直到你的手松开。

3、从上面的代码可以看出，由于是使用css3强大的动画效果，所以我的结构定义的非常简单（在符合语义的前提下），同时没有引用到javascript脚本文件。

4、} 重新检查并修补了下css文件里所有的关于animation的属性，看来所有针对相关浏览器兼容的代码是必须要同时规范，例如-webkit-animation后面接的一定是@-webkit-keyframes而不是@keyframes，后面所写的其他动画才会一并生效的。

5、-webkit-animation：rotateplane 2s infinite ease-in-out；通过这段代码我们能知道这个animation的动画名是rotateplane，在开发者工具中查找相关到文件是showcase_ddb08a6630.css。

css动画网页崩溃的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css动画网页崩溃怎么办、css动画网页崩溃的信息别忘了在本站进行查找喔。