5

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

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

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

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

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

这意味着我的分节符将出现在代码导航器中并且可以快速跳转。但是，如果这会导致与速度相关的问题，则手段将超过目的。

这是一个坏主意还是差异会如此微不足道以至于如果我愿意的话值得这样做？

4

3 回答 3

6

这里的答案是不正确的。

未使用的 CSS 做了两件事：

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

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

于 2013-09-16T15:36:51.463 回答
4

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

于 2013-03-08T11:23:46.817 回答
1

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

简短的回答 - 选择最容易开发的东西。您可以稍后再担心生产。

我犹豫添加

于 2013-03-08T11:28:57.577 回答