那些耗费比较大的css属性
by marvin
at 2013-01-10 09:38:15
original http://www.w3cplus.com/blog/605.html
以下几个是耗费比较大的css属性,名列第一的居然是position:fixed(哈哈,其实以前一直以为是gradients的):
1、position:fixed
2、background-position: fixed
3、border-radius
4、background-size
5、box-shadow
6、gradients
所以使用的时候还是注意点,不要过分去追求css3特效,话说我们曾经有些demos就栽在背景的gradients和background-size上。
2013-01-14更新
写出这个文章之后,下面有好几个留言要求是怎么得出这个结论的,表示压力比较大,因为我只是从国外网站看过来,记住这个结论然后就做了个简要的笔录吧。这不最近搜索了一些资料,下面更新一些关于这个性能方面的链接地址:
http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/
http://www.pubnub.com/blog/css3-performance-optimizations
http://jacwright.com/476/runtime-performance-with-css3-vs-images/
http://paulirish.com/2011/dom-html5-css3-performance/
如果你没有时间看那么多,那么第一个和第三个你有必要看下