那些耗费比较大的css属性

2013-01-10 17:38

那些耗费比较大的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/

如果你没有时间看那么多,那么第一个和第三个你有必要看下