css - 长 CSS 类名对性能有影响吗？

Question

我正在构建一个包含主题的 JS 脚本，以便运行多个主题，每个类名都有一个前缀 - 然而这使得类名有点长。

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

我的问题是，较长的 CSS 类名是否会影响性能，或者只有选择器的错误/错误/低效使用才会降低性能？

Answer 1

长类名肯定会对性能产生影响。一方面，将有更多的东西需要传输和解析。然而，它们会产生可衡量的影响吗？可能不会。传输仅发生一次，这要归功于缓存，并且与实例渲染相比，对解析的影响可能可以忽略不计。

一般来说，只有当您开始遇到性能问题时，您才应该开始考虑此类性能优化。在针对可能的性能问题进行优化之前，最好使用富有表现力的名称来提高 css 的可读性(这同样适用于任何类型的代码)。

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