在HTML/JSP中引用gzip压缩的CSS和JS

Question

我正在使用YUI压缩器插件在我的Java EE应用程序中压缩和gzip JS和CSS文件.

但是,我不清楚如何在我的HTML/JSP文件中引用它们.

如果我只是使用.gzip引用,浏览器显然会抱怨说 -

Resource interpreted as Script but transferred with MIME type application/x-gzip

当前引用看起来像这样(抛出上述错误):

<script type="text/javascript" src="/scripts/home.js.gz"></script>

Answer 1

您可以使用正常的 .js 和 .css 扩展名引用它们，并通过 firebug 或开发人员工具检查 CSS 和 JS 文件上的响应标头来检查 gzip 是否正常工作。

Gzip 压缩通常在 Web 服务器级别完成。

如果您使用的是 tomcat，则可以打开 Tomcat 安装的 conf/server.xml 并将以下内容添加到连接器定义中。

<Connector port="8080" protocol="HTTP/1.1" redirectPort="8443" connectionTimeout="20000"
           compressableMimeType="text/html,text/xml,text/css,text/javascript,text/plain,application/javascript,application/json" 
           compression="2048"/>

对于 Apache，查找 mod_gzip 或 mod_deflate

这位于您的根 .htaccess 文件中，但如果您有权访问 httpd.conf 那就更好了。

<ifModule mod_deflate.c>
<filesMatch "\.(js|css)$">
SetOutputFilter DEFLATE
</filesMatch>
</ifModule>