没有样式的类的性能影响?

时间:2010-01-04 11:14:48

标签: html css performance

使用不用于元素样式的类会影响性能吗?

E.g:

<div class="translatable">...</div>

其中.translatable用于查找在某些情况下动态更改其内容的所有元素。

2 个答案:

答案 0 :(得分:6)

这些类增加了文档加载时间(更多文本=更多时间)并且对解释任何类引用所需的时间产生非常小的影响(我假设类名在哈希表中,并且额外名称​​可以导致这样的哈希表分配得更大一些)。

所以...会产生影响,但除非你未使用的类占CSS的很大比例,否则很难看到或衡量。我不能担心单个类。

答案 1 :(得分:0)

如果您以后纯粹用于查找,那么它应该没问题,但如果您有一个大文档然后开始更新该特定样式,那么当浏览器进行重排并重新绘制时,您将遇到性能问题。

雅虎的Stoyan Stefanov在他的博客http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/

上解释得很清楚