javascript - 左边距是否为 :2px; render faster than margin:0 0 0 2px;?

Question

Douglas Crockford 描述了 JavaScript 查询节点样式的结果。简单地请求 div 的边距如何导致浏览器在浏览器的渲染引擎中“重排”div 四次。

所以这让我想知道，在页面的初始呈现期间(或用 Crockford 的术语“网络滚动”)编写仅定义非零/非默认值的 CSS 是否更快？举个例子:

div{  
  margin-left:2px;  
}

比

div{  
  margin:0 0 0 2px;  
}

我知道这种“节省”的后果微不足道，但我认为了解这些技术的实现方式仍然很重要。此外，这不是关于格式化 CSS 的问题——这是关于浏览器渲染 CSS 的实现的问题。

引用:http://developer.yahoo.com/yui/theater/video.php?v=crockonjs-4

Answer 1

我不确定它是否“渲染”得更快。但是:第二个版本比第一个版本大几个字节。 (而且我假设网络比页面渲染时间慢，使第一个版本实际上“渲染更快”)