css - GZip 完全破坏 CSS

Question

我正在尝试压缩 CSS 文件（Foundation Framework 4）。该文件很大，因此可以大大加快我的网站速度，但是每次我压缩它时，我的网站都会加载，就好像根本没有样式表一样。

请问有什么帮助吗？<3

Answer 1

忽略压缩的 CSS 文件正是我所期望的行为。大多数浏览器不知道如何解压缩文件，所以他们只是查看压缩文件，不知道如何处理它，然后说“这个 CSS 文件格式错误；我忽略了它”。有一些方法可以使 CSS 文件更小一些 - 主要是通过去除不需要的空格 - 但在大多数情况下，您会被困在加载整个文件中。如果加载时间过长，请找到一些方法来简化它。

无论如何，这个 CSS 文件有多大？如果它太大以至于加载它会减慢您的页面加载速度，那实际上是令人印象深刻的。并且用户的浏览器应该在加载一次后缓存它，然后不需要在后续页面再次下载它。它会不会因为加载时间变慢，而是因为选择器太多，所以解析和应用它们是一项重要的任务？如果是这样，您可能可以通过将 CSS 分解为单独的文件来改进事情，并仅在当前页面上加载您需要的那些。