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

Question

我在 HTML 元素中添加了许多类名（6 个或 7 个）以满足我的客户端 javascripts 的要求。其中一些是真实的类名，但其中一些只是指示符。这会影响我的页面性能吗？

Answer 1

好吧，从技术上讲，更多的 html 意味着更慢。但没那么多，不显眼。您编写的每个字符都需要多下载一个字节，因此您需要一段时间才能注意到一些差异。

可能发生的主要问题是您的 css 因非规范化而增长，这将产生更大的影响。

如果您需要更好的性能，请优化图像、样式表或一些 javascript 代码

简短的回答：不，这不会改变任何重要的事情。

Answer 2

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

标记中的多个类 - 会降低性能吗？基本上说更多的类=更慢，但我不知道如果每个类由于层次结构中的更整齐嵌套和更好的分离而具有更小的内容，这是否是真的。

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

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