CSS特异性如何影响网站性能＆amp;页面加载时间

Question

请查找2个网站：

• http://kutra.pl/id/id.html
• http://kutra.pl/class/class.html

两者都是用类似的HTML，一个CSS样式和6个相同的图像准备的。

在第一种情况下，在CSS内部，使用#selector选择了许多元素。 第二，我将大部分（约70％）选择器改为.selector

使用http://www.webpagetest.org我为1st＆amp; amp;第二种情况（每组测试已启动3次 - 因此：每个网站进行27次测试）。两种情况http://take.ms/IIo7w

的结果非常相似

本主题中的一些问题：

1. CSS特异性是否有可能对页面加载速度产生如此大的影响（~10％）？

2. 您是否有任何CSS特异性的在线计算器可以计算大样式表的全局分数（例如＆gt; 2000选择器）

3. 也许有人知道.class选择器案例中为什么Star Render时间更高？

提前致谢。

Answer 1

特异性并不会影响性能。它更像是一个可维护性问题，并且处理了应用样式的优先级。如果可以，请使用类，因为它们更易于维护。

如果你想要一篇关于这个主题的文章，很容易在谷歌上找到，但这里有一个很有趣

http://css-tricks.com/specifics-on-css-specificity/