未使用的CSS样式会影响加载时间

Question

我想知道未使用的CSS样式是否会影响加载时间,因为我通常使用这种格式来破坏我的代码部分

/*===================
      Nav-Styles
===================*/

但是,我也使用coda来编写代码.它有一个代码导航器,可以检测id后跟{}

我认为可能对我的代码组织有帮助的是创建这种中断格式

/*==========================================
  #----NAV-STYLES-BEGIN {} /* Nav Styles */ 
==========================================*/ 

这意味着我的分节符将出现在代码导航器中,并且可以快速跳转.但是,如果这将导致与速度相关的问题,那么手段将超过结束.

这是一个坏主意还是差别如此微不足道,如果我想要它值得做？

Answer 1

这里的答案是不正确的.

未使用的CSS有两件事:

1. 在引擎开始呈现页面之前添加需要下载的更多字节
2. 浏览器引擎必须通过每个css选择器来评估它是否在页面上以及它应该如何呈现.

第二部分至关重要.如果你的css文件的50%是未使用的css,那么你基本上让浏览器引擎需要两倍的时间来渲染页面的CSS.当然,CSS选择器的类型也很重要,所以两倍的长度更像是一个简单的例子,而不是完全真实.尽管如此,未使用的CSS会增加浏览器页面加载时间,即使文件缓存在本地驱动器上也是如此.

Answer 2

通过线路传递到客户端的任何未使用的 CSS 或 JS 都会至少在很小程度上损害网站的性能。未使用的 CSS 会增加页面的大小，从而增加下载页面所需的时间。此处或那里的一些字符不会对您的下载时间产生巨大影响，但是如果存在大量未使用的样式，则可能会产生影响。这就是为什么很多人压缩 CSS 和 JS 的原因。