哪些CSS规则渲染速度更快？

Question

我想知道下面的CSS规则中哪一个渲染速度更快:

#avriable_info table td {width: 250px; font-size: 13px;}

要么

#avriable_info table td {
    width: 250px; 
    font-size: 13px;
}

Answer 1

由于大多数解析器在解析之前会对文件进行规范化,因此两者都不会比另一个渲染"更快".例如,摆脱白色空间和新线条等.

现在,如果你有一个巨大的文件没有通过网络进行gzip压缩,那么第一个文件将比第二个更快下载到客户端,这将允许浏览器在较大,较慢的文件之前开始呈现它.

Answer 2

两者都不会产生明显的差异.CSS中的几个换行符只是为了使渲染中的CPU指令不同.

也许如果你有一百万行的CSS,你可能会注意到毫秒的差异,但是如果你进行了那么多优化(尤其是在网页上!),你就会担心更严重的问题(并且它们与代码无关! - )).