CSS类或ID的长度是否与文件大小相关？

Question

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

例如，我可以使用：

.episode-information-container

或者我可以使用：

.ep-info-box

我是否应该总是选择最短的班级名称 - 而不是破坏其可读性？

Answer 1

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

但是你的选择器的长度并没有产生很大的差异，除非你有很多很多具有长类名的选择器。如果您担心文件大小，可以缩小样式表以删除空格和注释，并以压缩格式提供。与简单地缩短您的类名和ID相比，这通常会产生更大的减少。只需专注于让你的课程名称简洁而可读。

Answer 2

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

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