可能影响CSS3动画的一些因素
2015-02-27 10:31
183 查看
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/>
在图片上传时一定要注意文件后缀的大小写,因为在后端上传发布时是非常严格的。
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/>
相关文章推荐
- 影响工程进度的一些认为因素
- 影响软件测试的一些因素
- css3动画一些参考
- 教大家写几个可能用得上的css3简单动画
- 帧动画的应用------自己在用的时候写了 估计一些刚入门的可能还不会用,就写出来留给大家使用
- J2EE系统中影响性能的一些因素
- web设计中那些因素可能影响网站后期优化
- 性能瓶颈可能有很多影响因素
- 影响关键词优化的一些外在因素
- css3动画的一些chromium的堆栈
- J2EE系统中影响性能的一些因素
- 杂谈影响性能的一些因素
- 影响网站收录与排名的一些因素
- animate.css 一些常用的CSS3动画效果
- C++ allocator及一些影响程序性能的因素
- 影响金价的一些因素
- J2EE系统中影响性能的一些因素
- JAVA编程中影响运行效率的一些因素
- css3动画库——animate.css以及css3动画一些有趣的实现
- 关于flash动画中影响性能的一些东西