【问题标题】:Does removing overqualified elements really improve performance?删除过度限定的元素真的可以提高性能吗?
【发布时间】:2016-04-27 05:14:45
【问题描述】:

我使用了一些工具来验证我的 css 以提高性能,我收到了反馈,要求我删除不合格的元素。

这确实是有道理的,因为它可以提高选择器的性能,但惊讶地发现这个是合格的:

“div#container 超限,使用#container”

这真的很重要吗?我的 css 中有很多这样的事件,并且怀疑这是否对提高性能有任何好处。

【问题讨论】:

  • 当然可以...一方面它使您的 CSS 文件更小。
  • 任何性能问题的默认答案都是“衡量它”。与实际完成任何事情相比,您浪费更多时间担心理论。
  • 一般来说,我发现关于过度限定的选择器会导致性能问题的说法有点可疑。但是,#container 应该是唯一的。您是否有其他标签共享相同的 ID? “div”完全是多余的。此外,如果您将标记从 div 更改为 span 等会怎样?

标签: css performance web css-selectors csslint


【解决方案1】:

有多个性能指标需要考虑,但至少它通过减少传输 3 个字符来提高网络带宽和速度性能。诚然,可以忽略不计,但如果所有选择器都是标准的,则可以加起来。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多