HTML的许多类名会影响性能吗？

Question

我在HTML元素中添加了许多类名（6或7）以满足客户端javascripts的要求。其中一些是真正的类名，但其中一些只是指标。这会影响我的网页效果吗？

Answer 1

嗯，更多的HTML意味着更慢。但不是那么多，不是很明显。您编写的每个字符都要下载一个字节，因此在您发现一些差异之前需要一段时间。

可能出现的主要问题是你的css在增长，因为你反规范化，会产生更大的影响。

如果您需要更好的性能，优化图片或样式表或某些JavaScript代码

简短回答：不，这不会改变任何重大内容。

Answer 2

这是一个合理的问题，因为可以有非常有效的CSS和HTML在CSS中具有最佳嵌套和分离，从而导致每个元素有多个CSS类，正如您所说，如果您有添加的JavaScript查找的标记类到了音量。我找不到任何好的性能分析，但它应该不难测试。

这个Multiple classes in markup - will it slow down performance?基本上说更多的类=更慢，但我不知道如果每个类由于层次结构中的整齐嵌套和更好的分离而具有较小的内容，那是否为真。

这个http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/有点相关，表明知名网站的复杂CSS有效呈现。

我的回答是，根据个人经验，我没有注意到这种设计模式的性能问题，所以如果你的结构最好由多个CSS类和标记类服务，那么这是最重要的方面，性能不应该受到影响。