GZipping CSS 和 JS 文件答案

【问题标题】：GZipping CSS and JS filesGZipping CSS 和 JS 文件
【发布时间】：2011-02-17 05:43:42
【问题描述】：

我正在使用 YSlow 来提高我网站的速度，但我在使用“使用 gzip 压缩组件”级别时遇到了问题。我的 .htaccess 文件中有这个：

SetOutputFilter DEFLATE

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript

但是 YSlow 说的是

有 4 个纯文本组件应该被压缩发送

* http://crewinyourcode.com/css/reset.css
* http://crewinyourcode.com/css/inner-pages/index.css
* http://crewinyourcode.com/script/css/jquery-ui-1.8.custom.css
* http://crewinyourcode.com/js/inner-pages/index.js

如何压缩 css 和 js 文件？

另外...我无权访问 httpd.conf 文件。

你可以在http://crewinyourcode.com看到问题

更新：

添加

AddType text/css .css
AddType application/x-javascript .js

到 .htaccess 似乎没有帮助。

【问题讨论】：

看起来问题已经解决了？
我的 YSlow 仍然给我这个问题。
执行硬刷新 (Ctrl+F5) 或清除浏览器缓存。

标签： javascript css gzip yslow

【解决方案1】：

你有 .css 和 .js 的 AddType 行吗？ Apache 很难仅根据内容自动识别类型——它们看起来都非常像 C 代码。

尝试将这些行添加到您的 .htaccess...

AddType text/css .css
AddType application/x-javascript .js

【讨论】：

我不同意，我认为这是愚蠢的 YSlow。

【解决方案2】：

已添加，但没有帮助

对我有用，我现在得到 Content-Type: text/css 和 gzip 编码，由于缺少类型映射，以前没有发生这种情况。不过，这确实应该在服务器范围内修复；这是一个非常损坏的服务器，无法提供正确类型的样式表和脚本。

顺便说一句，您应该将text/javascript 用于脚本，以获得适当的浏览器兼容性。出于各种挑剔的技术原因，application/javascript 被提议为“更好”，但它没有支持，因此您可以忽略它。 x-javascript 早已不复存在。

【讨论】：

是的，我想让 AddType 行说 text/javascript 并说“并更改您的 AddOutputFilterByType 行”。但是嗯。这在当时不是问题。