【发布时间】:2013-08-30 17:15:09
【问题描述】:
我正在寻找关于 CSS 类/ID 命名约定的共识。我通常有很长的描述性 CSS 类名,但我开始意识到,随着我的样式表变得非常大,所有这些额外的类名字节必须加起来。
例如,我可以使用:
.episode-information-container
或者我可以使用:
.ep-info-box
这里的长度真的在文件大小方面有那么大的区别吗?我是否应该始终选择尽可能短的类名 - 而不会破坏其可读性?
【问题讨论】:
标签: css
我正在寻找关于 CSS 类/ID 命名约定的共识。我通常有很长的描述性 CSS 类名,但我开始意识到,随着我的样式表变得非常大,所有这些额外的类名字节必须加起来。
例如,我可以使用:
.episode-information-container
或者我可以使用:
.ep-info-box
这里的长度真的在文件大小方面有那么大的区别吗?我是否应该始终选择尽可能短的类名 - 而不会破坏其可读性?
【问题讨论】:
标签: css
在尝试减小 CSS 文件大小以提高性能时,每个空间都很重要。当你在开发时,可以以你喜欢的方式格式化你的代码。但是,当您将项目实际推送到文件大小非常重要的网络时,绝对没有理由不删除多余的字符(这个过程称为缩小)。
太多的开发者在启动他们的网站之前根本不压缩他们的文件,我认为这是一个巨大的错误。虽然它可能感觉没有太大区别,但当您拥有巨大的 CSS 文件时,它可以改善您的页面响应时间。
【讨论】:
当然很重要。 CSS是一种文本格式; CSS 文件的大小与其包含的字符数一样大。
但是你的选择器的长度并没有产生非常明显的区别,除非你有很多很多具有长类名的选择器。如果您担心文件大小,可以缩小样式表以去除空格和 cmets,并以压缩格式提供。这通常会比简单地缩短你的类名和 ID 产生更显着的减少。只需专注于让你的类名简洁易读。
【讨论】: