css - CSS 类或 ID 的长度对文件大小有影响吗？

Question

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

例如，我可以使用：

.episode-information-container

或者我可以使用：

.ep-info-box

这里的长度真的对文件大小有那么大的影响吗？我是否应该总是选择尽可能短的类名——而不破坏它的可读性？

Answer 1

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

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

Answer 2

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

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