示例:Gmail。
从所有DOM元素中,~2000至少有一个CSS类,页面上总共有大约500个不同的CSS类名。 Gmail使用闭包样式表来缩小/ uglify其CSS类名称。此步骤是否会提高浏览器的性能。我正在考虑解析/评估HTML / CSS代码,选择器匹配等等。
uglified类名的示例:" aBc"
原始班级名称的示例:" tooblar__button - 禁用"
答案 0 :(得分:5)
是。字节越少,字节越少。它成为重要因子的可能性很小。
答案 1 :(得分:3)
这并不像加载时间那样影响浏览器性能。渲染时间存在可测量的差异,但只有在存在显着的长度差异时才能测量,即使这样也只是微小的差异。只需看看this JSPerf运行两个类名长度的测试。长名称在性能速度方面略有不利。这可能会在很多次修改样式时产生影响,但在普通网站上,差异太小而且不会被注意到。