什么是缩小css和压缩css之间的区别

Question

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

在此之前压缩和缩小对我来说是相同的，但是现在我想知道这两者之间的差异，如果有的话。

另外我想知道在一个主要的css文件中导入所有css然后将该特定的css链接到html页面是否是一个好主意

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

由于

Answer 1

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

Compressing使用压缩算法（例如gzip）并添加HTTP响应头以告诉客户端该文件是压缩的CSS（而不是纯文本CSS），因此可以在之前对其进行解压缩被传递给CSS解析器。

Answer 2

请参阅Minifiying您的css文件将从您的css文件中删除所有注释，空白/空格。它还会从您的css文件中删除任何不相关的数据，在缩小您的css文件后，您会注意到您的css代码只会出现在一个文件中。现在，当您加载网页并点击 F12 时，您会在css文件中发现此更改，并通过减少网页的加载时间来提高性能。

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

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