长的CSS类名会对性能产生影响吗?

时间:2011-04-02 18:05:36

标签: css performance

我正在构建一个包含主题的JS脚本,为了运行多个主题,每个类名都有一个前缀 - 这会使类名有点长。

我也有CSS规则取决于是否具有更多的类名以提供特殊效果。

我的问题是,较长的CSS类名会对性能产生影响,还是只会错误/错误/低效使用选择器会降低性能?

2 个答案:

答案 0 :(得分:19)

长课程名称肯定会对绩效产生影响。首先,将有更多的东西要转移和解析。它们会产生可衡量的影响吗?可能不是。由于缓存,传输只发生一次,与渲染相比,对解析的影响可能微不足道。

通常,如果您开始遇到性能问题,您应该只考虑此类性能优化。在优化可能的性能问题之前,最好使用富有表现力的名称来提高css的可读性(适用于任何类型的代码)。

对于选择器,它们可能会对性能产生更大的影响,因为取决于选择器的复杂性和DOM的大小,可能必须执行相当多的代码(相当于长类名称)。但是,再次尝试制作最易读/可理解的选择器,并且只有在可测量的性能影响时才开始优化它(您可以使用firebug或chrome的开发人员工具进行性能分析)。

答案 1 :(得分:2)

  

更长的CSS类名会对性能产生影响,还是只会错误/错误/低效使用选择器会降低性能?

更长的班级名字? - 我认为不重要,我更喜欢更短,但有一些应用程序或插件,这是不可能的 - PageSpeed和Y!慢,我访问过的任何其他性能推荐网站,提到类名的长度是一个问题 - 肯定是整个选择器效率越高,性能越好

相关问题