html - 仅将 bundle.js 保存并提供为 gzip 版本

Question

我有一个 React 应用程序并将 bundle.js 保存在 CDN(或本例中的 S3)上

• 保存后我运行 gzip -9
• 在上传到 CDN/S3 时，我添加 header :Content-Encoding: gzip

现在每次浏览器/http 客户端下载它会得到的包:

curl -I https://cdn.example.com/bundle.min.js
HTTP/2 200 
content-type: application/javascript
content-length: 3304735
date: Wed, 27 Feb 2019 22:27:19 GMT
last-modified: Wed, 27 Feb 2019 22:26:53 GMT
content-encoding: gzip
accept-ranges: bytes

如果我在浏览器中测试它，它工作正常。我唯一担心的是，现在我们只保存了一个 gzip 版本的 js 包，无论在请求中发送 Accept-Encoding: gzip 用户都会得到它

我想不出这会给浏览器带来什么问题，但我可能会遗漏一些东西。

在 bundle.js 文件的响应中“强制执行”gzip 是一种不好的做法吗？

Answer 1

它晚了几个月，但答案可能仍然与尝试同样事情的人相关。

使用高压缩设置进行预压缩有助于在静态资源上节省更多百分比的带宽。但是，强制使用单一编码可能会给某些用户带来问题。根据 study conducted in 2010 , ~15% 使用支持 gzip 的浏览器的用户没有发送适当的 Accept-Encoding 请求 header 。原因是防病毒软件或中介/代理剥离 Accept-Encoding header 以强制服务器以纯文本形式发送内容。

如果您需要一个 CDN 来弥补差距，PageCDN服务于完全相同的目的，但提供了卓越的 brotli-11 压缩，并且对于不支持 brotli 的浏览器回退到 gzip。您不需要连接到 S3 或任何外部存储。只需连接到您的网站、github，或手动将文件上传到 CDN 并配置文件的压缩级别。