Gziped Css 和 JS 不工作答案

【问题标题】：Gziped Css and JS not workingGziped Css 和 JS 不工作
【发布时间】：2012-10-17 21:21:06
【问题描述】：

我的 gzip 压缩后的 css 和 js 文件无法正常工作。它们被压缩了，但是当我打开它们的链接时，我会得到类似的结果：

    ‹������Í½{Û6²0üÿ~
››#“,KNÛm©0ÞÄI¶=ÛÛi²·WVúP$%Ñ–DY_"i?û;\IÊv»çý=owc‘ 0�ƒÁ`03¸‰Å"ý=ž¬³ÈóÄ8^žOòä*K£a<Yfb™Å‹dü]ÍÖ“É†ëY²Ê‹ÙA2ôôÍ/—ÁFçƒ·Vžvó¡h€Sf¸Á§®UÙj±ÎvXH"]$0‰ž§2Åiúî&›¾Ï—«l–- ŠšTÿh0Y/ŽÄ0ŸL¸¹‚útës§ƒI‚M:‹l™Ü"‹lµ^Ì¨¤¨¦¬Vq2&HÁæPÊ¡íQé³TÌÊ
„Î~Z—¿¶Iº1ºl£aÀpëâI¶�?þtðîïï~üxðúãÇ×çßþ�‡‡‡Gung†Ö´Ì6ÐÃ´HÖShKk”ÞM2||sÿ]ê«Ôxy^°yjf=¶Ý2Åí¬¦XöŸÛóvÝ?ø
\óeë‡¢øX“e´¹ÉKøzÖOÖù$
½øE–¥_}sš¦_Ùþ²~Ýî|õu–œ&j
³oÚÁàOéàÀÆÎ"ººŸg?
#

任何想法为什么会发生这种情况以及我应该如何解决这个问题？

deflate、expires、headers 等 Apache 模块均已安装并可以正常工作。

我使用的平台是typo3。

谢谢。

    <link rel="stylesheet" type="text/css" media="all" href="typo3temp/scriptmerger/compressed/head-ed0db5492e25e2aae2d5194f2417f7f4.merged.gz.css" />

    <link rel="stylesheet" type="text/css" media="screen" href="typo3temp/scriptmerger/compressed/head-51cb0e8880d742a31d3b7277d848f046.merged.gz.css" />

<!--[if lt IE 7]>
<![endif]-->
    <script type="text/javascript" src="typo3temp/scriptmerger/compressed/head-fd881451a9d72dbe96f8afc7214bf265.merged.gz.js"></script>

【问题讨论】：

请张贴回复的标题
您的响应标头一定是错误的。或者，您正在对数据进行双重压缩。
您使用什么浏览器显示压缩数据？

标签： javascript html .htaccess gzip

【解决方案1】：

您需要提供更多信息。 Deflate 模块无法解压缩 gzip 文件。您还需要在 apache 配置中将 css 和 js 文件添加到 gzip 处理程序，否则文件不会被解压缩。双重压缩并非如此，因为正常压缩是一个透明的过程。反正我不会使用 Typo3 后端压缩。我也有很大的问题。如果您想要更快的速度，请使用 nginx 或 lighttpd 等替代网络服务器。

【讨论】：

【解决方案2】：

正如 Brad 已经指出的那样，您似乎在对数据进行双重 gzip 压缩。通常，当您使用服务器/浏览器 gzip 时，您只需将文件编写为普通的未压缩文本。服务器软件 (Apache) 的工作是动态压缩数据并将其发送到浏览器，然后浏览器透明地解压缩数据。

如果需要，您可以将预压缩文件上传到服务器，但您需要进行额外配置（请参阅http://httpd.apache.org/docs/2.0/content-negotiation.html）。但是我对此不太了解，因为我不使用它；即时执行此操作所需的 CPU 时间微不足道。

【讨论】：

Typo3 可以使用特殊的压缩，可以合并和压缩 css 和 js 文件，但你需要一个新的类型处理程序和 htaccess 规则。这不是一个真正的解决方案。
类型处理程序和规则是我在提到内容协商时所指的，将 gz 文件提供给浏览器并由浏览器解压缩。