如何测试是否正在提供我的 gzip 压缩 css 文件？答案

【问题标题】：How can I test whether or not my gzipped css file is being served?如何测试是否正在提供我的 gzip 压缩 css 文件？
【发布时间】：2011-01-30 07:44:21
【问题描述】：

我正在使用 jammit 将 data-uri 嵌入到我的 rails app 中。不过，这不是一个特定的问题。

对于每个生成的 css 文件，jammit 会创建两个版本，即：

我知道一切正常，因为我的生产应用正在为 firefox 和 chrome 提供 data-uri，虽然我无法访问 IE，但来自browsershots 的屏幕截图表明一切正常。

Q1：如何测试我的样式表的 gzip 压缩版本是否是提供给浏览器的样式表？我很在意，因为它是一个小得多的文件。

（我想我可以更改非 gzip 压缩的 css 文件中的字体大小并看看会发生什么，但我希望有一种更简单的方法 - 也许使用 curl 或其他东西）

Q2：该应用程序托管在 heroku 上，我从 their docs 知道他们为您压缩所有内容，但我也被告知 jammit 使用最高压缩级别，而 heroku 没有吨。我的文件会被压缩两次吗？一次是 jammit，然后一次是 nginx？

【问题讨论】：

【解决方案1】：

第一季度

您可以检查 HTTP 标头以猜测发生了什么；可以告诉 nginx 提供您的 css 的 gzip 版本或动态创建一个 zip 版本，但我不确定您是否可以轻松地从客户端的角度说出什么是服务器。

第二季度

Heroku 拥有强大的缓存/优化前端系统，由 nginx 和 Varnish 提供支持；他们会很乐意向您解释如何让您的应用消耗更少的资源。

奖金

加载您的网络应用程序的主页时，我的浏览器会下载超过 1MB 的数据；为了让它更快捷，您可以通过 Javascript 延迟加载图像。

【讨论】：