代码之家 › 专栏 › 技术社区 › Christopher Altman

保证金是多少-left:2px; 渲染速度比margin:0 0 0 2px;?

rendering css javascript

Christopher Altman · 技术社区 · 16 年前

这让我想知道,在页面的初始呈现过程中(或者用Crockford的行话来说是“web卷轴”),编写只定义非零/非默认值的CSS是否更快?举个例子:

div{  
  margin-left:2px;  
}

div{  
  margin:0 0 0 2px;  
}

我知道这种“节省”的后果是微不足道的,但我认为理解这些技术是如何实现的仍然很重要。而且,这不是一个关于格式化CSS的问题——这是一个关于呈现CSS的浏览器实现的问题。

2 回复 | 直到 11 年前

orokusaki 16 年前

不,根据浏览器的不同,在应用样式之前,它会以不同的方式解压值,在Firefox中,它会对执行速度产生轻微影响。不管怎样,使用简写CSS都是个好主意。

如果您想了解它的工作原理,Firefox会解压以下值:

{margin: 0 0 0 2px;}

{margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: .04pt;}

在将样式应用于页面之前。这是为了正常化。

Mitch Dempsey 16 年前

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

推荐文章

Shishir Karki · 在react(typescript)项目上未渲染图像

2 年前

Aresta · 使用某些库在PDF上显示PNG印章时出现问题

2 年前

german devia · 光标进入图像时闪烁的图像

2 年前

Hannan Yusuf Khan · 无法呈现,REACT

2 年前

Kay · 更新React状态(对象数组)和组件转发器,但在另一个状态更新之前,显示不会更改

2 年前

Urooj · 具有async属性的脚本是在单独的线程上执行,还是在与JavaScript中的HTML解析器相同的线程上运行?

2 年前

Reinhard Männer · 不理解SwiftUI文本布局

3 年前

laith drebaty · 如何在我的django后端获得一个反应页面以通过邮件发送

3 年前

nona · Pyrender中的世界到像素转换

3 年前

user22192981 · 如何使用像素阵列在Java中读取和渲染字体?

3 年前