如何链接到 html 文档中的 gzipped javascript？

发布于 2024-07-07 05:06:33 字数 802 浏览 7 评论 0原文

我见过很多关于压缩 JavaScript 以节省下载时间的参考。但是我也看到一些警告，指出某些浏览器不支持此功能。

我有两种不同的方法可供使用：

使用 mod_deflate 让 Apache 通过 htaccess 压缩给定目录中的 JS/CSS 文件
使用 ob_start('gzhandler') 压缩文件并将其返回给浏览器并带有正确的标头。

方法 1 的问题是并非所有浏览器都支持 mod_deflate，而且我不知道如何编写 .htaccess 文件以足够智能地对此进行调整。

方法 2 的问题在于，对于如何判断浏览器是否支持压缩脚本或样式表，以及如果支持，必须在标头中指定什么 mime-type 作为内容类型，没有明确的答案。

我需要一些建议。首先，哪种方法更能被浏览器普遍接受？其次，如何使用任一方法进行衰减以提供未压缩的备份脚本？第三，本身可以工作吗？（它显然不会衰减。）

根据记录，我使用的是带有 mod_deflate 和完整 gzip 创建功能的 PHP5，并且我的文档类型是严格的 xhtml。另外，javascript 本身是用 YUI 压缩的。 编辑：我刚刚回去看了看，但我只有 Apache 1.3；我以为我有 2 个，很抱歉在我可能没有的情况下提到 mod_deflate。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

别靠近我心 2024-07-14 05:06:33

mod_deflate 和 php 的 gzhandler 都基于 zlib，因此从这个意义上说，浏览器如何压缩内容几乎没有什么区别。

为了回应你的第一个问题，你可以像这样设置模块特定的 .htaccess 信息：

<IfModule mod_deflate.c>
  # stuff
</IfModule>

为了回应你的第二个问题，你可以检测 PHP 中的浏览器支持：

if (strstr($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip') ) {
  ob_start('ob_gzhandler');
  header("Content-Encoding: gzip");
// etc...
}

这里有一些未经测试的 .htaccess 应该能够处理压缩与未压缩的协商.js 文件：（源）

<FilesMatch "\\.js.gz$">
  ForceType text/javascript
  Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\\.js$">
  RewriteEngine On
  RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
  RewriteCond %{HTTP:Accept-Encoding} gzip
  RewriteCond %{REQUEST_FILENAME}.gz -f
  RewriteRule (.*)\.js$ $1\.js.gz [L]
  ForceType text/javascript
</FilesMatch>

mod_deflate and php's gzhandler both are based on zlib, so in that sense there is little difference to a browser how the content is being compressed.

in response to your first concern, you can set module specific .htaccess info like this:

<IfModule mod_deflate.c>
  # stuff
</IfModule>

in response to your second concern, you can detect for browser support in PHP:

if (strstr($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip') ) {
  ob_start('ob_gzhandler');
  header("Content-Encoding: gzip");
// etc...
}

here's some untested .htaccess that should be able to handle negotiation of compressed vs uncompressed .js files: (source)

<FilesMatch "\\.js.gz$">
  ForceType text/javascript
  Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\\.js$">
  RewriteEngine On
  RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
  RewriteCond %{HTTP:Accept-Encoding} gzip
  RewriteCond %{REQUEST_FILENAME}.gz -f
  RewriteRule (.*)\.js$ $1\.js.gz [L]
  ForceType text/javascript
</FilesMatch>

回复收藏 0 原文

尾戒 2024-07-14 05:06:33

如果浏览器正确设置了其 Accept-Encoding 标头，您应该能够判断浏览器是否支持 gzip：

Accept-Encoding: gzip,deflate

If the browser is properly setting it's Accept-Encoding header, you should be able to tell if the browser can support gzip:

Accept-Encoding: gzip,deflate

回复收藏 0 原文

调妓 2024-07-14 05:06:33

实现此目标的最佳方法是让您的服务器支持内联 gzip。您可以从脚本标记的 src 属性中删除“.gz”，并将文件以未压缩的方式存储在服务器上。如果客户端支持，服务器会自动将脚本作为 gzip 编码结果发送。这确实会花费您的服务器一些额外的 CPU，但是对于支持它的客户端，文件会被压缩，而较旧的客户端仍然可以获得扩展版本。

查看 apache2 的 mod_deflate。 mod_gzip 相当于 Apache 1.x。

回复收藏 0 原文

~没有更多了~