现在的位置: 首页 > 综合 > 正文

可能影响CSS3动画的一些因素

2019年06月09日 ⁄ 综合 ⁄ 共 557字 ⁄ 字号 评论关闭

1、图片大小,能用jpg的图片尽量用jpg,只能用png的部分尽量将图片缩小到,可用图片压缩工具https://tinypng.com/。
在图片上传时一定要注意文件后缀的大小写,因为在后端上传发布时是非常严格的。

2、css回流导致JS
变慢,如果采用的大部分都是css3动画,在css3中最好尽可能的采用scale  尽量不改变宽度 高度 位置等,尽可能的避免css重绘。

哪些CSS属性会导致重绘,在JS中控制CSS进行改变,导致图片重绘会加载慢


要是想最小化浏览器中的回流(reflow)
-----回流(reflow)这个名词指的是网络浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。因为回流(reflow)在浏览器中属于一种用户主导的模块化操作,所以知道如何去改进回流(reflow)时间以及知道各种文档属性(DOM节点深度,css的渲染效率,各种各样的样式改变)对回流(reflow)时间的影响对于开发人员讲是很有帮助的。有时候,即使仅仅回流一个单一的元素,也可能要求它的父元素以及任何跟随它的元素也产生回流。


附加学习链接<http://www.zhangxinxu.com/wordpress/2009/10/attention-reflow-to-make-web-faster/>

抱歉!评论已关闭.