【问题标题】:Does the length of a CSS class or ID matter for file size?CSS 类或 ID 的长度对文件大小有影响吗?
【发布时间】:2013-08-30 17:15:09
【问题描述】:

我正在寻找关于 CSS 类/ID 命名约定的共识。我通常有很长的描述性 CSS 类名,但我开始意识到,随着我的样式表变得非常大,所有这些额外的类名字节必须加起来。

例如,我可以使用:

.episode-information-container

或者我可以使用:

.ep-info-box

这里的长度真的文件大小方面有那么大的区别吗?我是否应该始终选择尽可能短的类名 - 而不会破坏其可读性?

【问题讨论】:

    标签: css


    【解决方案1】:

    在尝试减小 CSS 文件大小以提高性能时,每个空间都很重要。当你在开发时,可以以你喜欢的方式格式化你的代码。但是,当您将项目实际推送到文件大小非常重要的网络时,绝对没有理由不删除多余的字符(这个过程称为缩小)。

    太多的开发者在启动他们的网站之前根本不压缩他们的文件,我认为这是一个巨大的错误。虽然它可能感觉没有太大区别,但当您拥有巨大的 CSS 文件时,它可以改善您的页面响应时间。

    【讨论】:

    • 我同意缩小 css,但不缩小 id 和类的名称。这将要求您还使用相同的类更改来缩小 php/html。当然,最好从页面中删除所有空格。
    【解决方案2】:

    当然很重要。 CSS是一种文本格式; CSS 文件的大小与其包含的字符数一样大。

    但是你的选择器的长度并没有产生非常明显的区别,除非你有很多很多具有长类名的选择器。如果您担心文件大小,可以缩小样式表以去除空格和 cmets,并以压缩格式提供。这通常会比简单地缩短你的类名和 ID 产生更显着的减少。只需专注于让你的类名简洁易读。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-23
      • 2014-02-20
      • 2011-10-02
      • 1970-01-01
      相关资源
      最近更新 更多