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

2023-12-19

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

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

不过,我也使用 coda 来编写代码。它有一个代码导航器,可检测 id 后跟 {}

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

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

这意味着我的分节符将出现在代码导航器中并且可以快速跳转到。然而,如果这会导致与速度相关的问题,那么手段将大于结果。

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


这里的答案不正确。

未使用的 CSS 会做两件事:

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

第二部分至关重要。如果你的 css 文件中有 50% 是未使用的 css,那么浏览器引擎基本上会花费两倍的时间来渲染页面的 CSS。当然,您拥有的 CSS 选择器的类型也很重要,因此两倍的长度只是一个简单的示例,而不是完整的事实。尽管如此,未使用的 CSS 会增加浏览器的页面加载时间,即使文件缓存在本地驱动器上也是如此。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

未使用的 CSS 样式会影响加载时间吗 的相关文章