【问题标题】:whats the difference between minifying css and compressing css缩小css和压缩css有什么区别
【发布时间】:2016-04-06 09:02:46
【问题描述】:

我只是想提高我的网站性能,为此我只是运行了谷歌开发人员性能测试,结果非常好,但谷歌分析器建议我压缩 css 文件以获得更好的性能。

在此之前,压缩和缩小对我来说是相同的,但现在我想知道这两者之间的区别(如果有的话)。

我还想知道将所有 css 导入一个主 css 文件然后将特定 css 链接到 html 页面是否是个好主意

我是新手,希望我的问题有意义

谢谢

【问题讨论】:

标签: html css performance performance-testing


【解决方案1】:

Minifying 从文件中删除空格和其他不必要的字符,以创建具有完全相同含义的不同 CSS 文件。

Compressing使用压缩算法(如gzip)并添加HTTP响应头告诉客户端文件是压缩的CSS(而不是纯文本CSS),因此可以在传递给CSS 解析器。

【讨论】:

    【解决方案2】:

    请参阅 Minifiying 您的 css 文件将从您的 css 文件中删除所有 cmets、空格/空格。它还会从您的 css 文件中删除任何不相关的数据,并且在缩小 css 文件后,您会注意到您的 css 代码只会出现在单个文件中。现在,当您加载网页并点击 F12 时,您会注意到您的 css 文件发生了这种变化,它将通过减少网页的加载时间来提高性能。

    此外,当您谈到将所有 css 文件放在一个主 css 文件中时,只会为您提供一种捆绑所有 css 的感觉,即在加载时,您会注意到将加载单个 css 包而不是加载所有 .css 文件分开。它将通过减少加载时间再次提高性能。有关更多信息,您可以阅读网络上的捆绑和缩小概念。

    它还为您提供了对 .css 和 .js 文件进行版本控制的概念。每次更改 css 或 js 文件时,您不必担心清理浏览器缓存。希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-10-06
      • 1970-01-01
      • 2020-06-12
      • 2014-07-18
      • 1970-01-01
      • 2019-08-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多