GZip彻底打破了CSS

Question

我正在尝试压缩CSS文件（Foundation Framework 4）。该文件非常庞大，因此可以大大加快我的网站速度，但每次我gzip它，我的网站加载就像没有样式表一样。

请帮忙吗？ ＆LT; 3

Answer 1

忽略压缩的CSS文件正是我所期望的行为。大多数浏览器不知道如何解压缩文件，所以他们只看了压缩文件，不知道该怎么做，并说“这个CSS文件格式错误;我忽略了它”。有一些方法可以使CSS文件变得更小 - 主要是通过剥离不需要的空格 - 但是大多数情况下你都会加载整个文件。如果加载时间过长，请找一些方法来简化它。

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