CSS类或ID的长度与文件大小有关吗

  • 本文关键字:文件大小 类或 ID CSS css
  • 更新时间 :
  • 英文 :


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

例如,我可以使用:

.episode-information-container

或者我可以使用:

.ep-info-box

这里的长度真的在文件大小方面有那么大的区别吗?我应该总是选择尽可能短的类名,而不破坏它的可读性吗?

在尝试减少CSS文件大小以提高性能时,每个空间都很重要。当你在开发时,可以用你熟悉的方式格式化你的代码。然而,当你把你的项目推到文件大小真正重要的网站上时,绝对没有理由不去掉多余的字符(这个过程被称为缩小)。

太多的开发人员在启动他们的网站之前根本不缩小他们的文件,我认为这是一个巨大的错误。虽然可能感觉没有什么不同,但当你有巨大的CSS文件时,它可以提高你的页面响应时间。

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

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

最新更新