哪个CSS更快?盖帽尺寸是否提高了速度?

时间:2012-05-23 08:14:37

标签: html css performance optimization pagespeed

是否有三个代码十六进制的快捷方式,例如,黑色可以写两种方式

.black{color:#000}
.black{color:#000000}

#DBDBDB这可以写得更短吗?由于#DBD不起作用。

还有什么更快,重要的是,我注意到Firebug以区分大小写的形式吐出颜色和其他一些变量。有关系吗?将所有内容都设置为小写是否更快,以便浏览器和用户可以加载和渲染更快?

.webform{color:#dbdbdb}
.WebForm{color:#DBDBDB}

6 个答案:

答案 0 :(得分:8)

  

#DBDBDB能写得更短吗?因为#DBD不起作用。

没有。唯一比6-hex颜色代码短的东西是3-hex代码(仅适用于XXYYZZ颜色)和(某些)命名颜色(并且没有匹配#DBDBDB的颜色)。

  

还有什么更快

停止微观优化。如果存在差异,它将不会是重要的,并且可能因浏览器而异。

答案 1 :(得分:4)

简单的答案是它没有任何可察觉的差异。这是过度思考优化的典型案例。

答案 2 :(得分:2)

实际上有很多方法可以指定黑色:

.black{color:#000} 
.black{color:#000000}
.black{color:black;}
.black{color:rgb(255,0,0);}

http://www.w3.org/TR/CSS21/syndata.html#color-units

如果在任何浏览器中精确度之间存在任何可测量的速度差异,我会感到非常惊讶。

#DBDBDB无法更紧凑地编写,相当于:rgb(219,219,219)。在较短的符号中,您最接近的可能是#DDD,相当于rgb(221,221,221)

答案 3 :(得分:0)

在三个字母的缩写中,每个字母都是重复的,因此#DBD变为#DDBBDD。您无法缩短#DBDBDB等代码。

大写和小写字母之间没有性能差异。

答案 4 :(得分:0)

#DBDBDB不能写得更短。

速度没有区别。

答案 5 :(得分:0)

小写和大写在性能上没有区别,但值得一提的是,速记十六进制颜色可以将css文件大小减小到一定程度,这有助于或多或少地节省带宽。