CSS类名称长度是否会影响浏览器性能?

时间:2014-05-06 14:38:38

标签: html css performance browser

示例:Gmail。

从所有DOM元素中,~2000至少有一个CSS类,页面上总共有大约500个不同的CSS类名。 Gmail使用闭包样式表来缩小/ uglify其CSS类名称。此步骤是否会提高浏览器的性能。我正在考虑解析/评估HTML / CSS代码,选择器匹配等等。

uglified类名的示例:" aBc"
原始班级名称的示例:" tooblar__button - 禁用"

2 个答案:

答案 0 :(得分:5)

是。字节越少,字节越少。它成为重要因子的可能性很小。

答案 1 :(得分:3)

这并不像加载时间那样影响浏览器性能。渲染时间存在可测量的差异,但只有在存在显着的长度差异时才能测量,即使这样也只是微小的差异。只需看看this JSPerf运行两个类名长度的测试。长名称在性能速度方面略有不利。这可能会在很多次修改样式时产生影响,但在普通网站上,差异太小而且不会被注意到。