是div.container速度比.container?您知道像jquery一样,如果您对选择器更具体,则它会更快,因为它迭代的次数更少。css是这种情况吗?
有没有一种方法可以衡量CSS的性能?在性能方面,这样的事情是否重要还是基本上取决于文本的粗细?
如果有人知道答案,我会很高兴,但实际上我找到了类似的问题,但没有确定的答案。如果更好地指定CSS,可以提高效率吗?
在现实世界中,速度差异可以忽略不计。
由于要.container
处理的选择器较少,因此要成为技术人员会更快。
选择器具有固有的效率。因此,效率更高或更低的CSS选择器的顺序如下:
#header
.promo
div
h2 + p
li > ul
ul a*
*
[type="text"]
a:hover
关于第二个问题:
有没有一种方法可以衡量CSS的性能?
史蒂夫·索德斯(Steve Souders)进行了在线测试,以衡量CSS的性能,您仍然可以在此处进行访问。
如今,有更好的方法来衡量性能,但这是您可以使用的快速简便的资源。
在性能方面,这样的事情是否重要还是基本上取决于文本的粗细?
简短的回答是“不是真的”。
长的答案是,“取决于”。如果您在一个简单的网站上工作,除了可以从最佳实践中获得的常识之外,真的没有必要在CSS性能上大惊小怪。
如果您要创建一个包含成千上万个DOM元素的站点,那么这很重要。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句