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

Question

我想知道如果不使用CSS样式影响加载时间，因为我使用这种格式

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

不过，我也用结尾来写我的代码通常打破我的我的代码段。它有一个代码导航仪，检测IDS后跟{}

什么，我想可能与我的代码组织帮助是创建打破这种格式

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

，这将意味着我的分节符它们将出现在代码导航器可以快速跳转。但是，如果这会导致与速度有关的问题，手段将超过最终结果。

这是一个坏主意，或者它的差异是如此微不足道，以至于如果我想要它值得去做呢？

Answer 1

任何通过线路传递给客户端的未使用的CSS或JS都会至少在一定程度上损害站点性能。未使用的CSS增加了页面的大小，因此增加了下载页面所需的时间。这里和那里的几个字符不会对您的下载时间产生巨大影响，但是如果有大量未使用的样式可能会产生影响。这就是为什么许多人压缩他们的CSS和JS。

Answer 2

这样做的效果并不明显，最多可以将其描述为可以忽略不计。无论如何，您可以使用构建脚本来删除所有评论并缩小CSS。这将改善加载时间，如果只是稍微。

简短的答案 - 去任何最容易发展。您可以稍后担心生产。

I hesitate to add

Answer 3

这里的答案是不正确的。

未使用的CSS做了两两件事：

1. 添加一个需要下载多个字节之前引擎就可以开始渲染页面
2. 浏览器引擎要经过各CSS选择器，以评估是否在页面上以及它应该如何呈现。

第二部分至关重要。如果你的css文件的50％是未使用的CSS，那么基本上浏览器引擎需要两倍的时间来呈现你的CSS页面。当然，你也有重要的CSS选择器类型，所以两倍的长度更像一个简单的例子，而不是完整的事实。即使当文件缓存在本地驱动器上时，从未使用过的未使用的CSS也会增加浏览器的页面加载时间。