【发布时间】:2016-04-27 05:14:45
【问题描述】:
我使用了一些工具来验证我的 css 以提高性能,我收到了反馈,要求我删除不合格的元素。
这确实是有道理的,因为它可以提高选择器的性能,但惊讶地发现这个是合格的:
“div#container 超限,使用#container”
这真的很重要吗?我的 css 中有很多这样的事件,并且怀疑这是否对提高性能有任何好处。
【问题讨论】:
-
当然可以...一方面它使您的 CSS 文件更小。
-
任何性能问题的默认答案都是“衡量它”。与实际完成任何事情相比,您浪费更多时间担心理论。
-
一般来说,我发现关于过度限定的选择器会导致性能问题的说法有点可疑。但是,
#container应该是唯一的。您是否有其他标签共享相同的 ID? “div”完全是多余的。此外,如果您将标记从div更改为span等会怎样?
标签: css performance web css-selectors csslint