Angular 6 ServiceWorker未请求gzip压缩内容问题咨询

我来帮你理清这个问题的来龙去脉哈：

首先明确一点：这不是ServiceWorker标准本身不支持gzip，而是Angular 6.x版本的ServiceWorker实现存在的一个已知Bug。

问题根源 #

Angular 6.0.3的ServiceWorker在发起资源缓存请求时，没有自动添加Accept-Encoding: gzip请求头。而CloudFront这类CDN的压缩策略是依赖这个请求头的——只有检测到客户端支持gzip压缩（通过这个请求头判断），才会返回压缩后的资源。浏览器直接请求时会自动带上这个头，但SW的请求没带，所以只能拉取3.1MB的未压缩文件，导致首次加载变慢。

解决办法 #

1. 升级Angular版本（推荐）
   这个Bug在Angular 7及后续版本中已经被官方修复了，升级到较新的稳定版本后，ServiceWorker会自动在请求中携带Accept-Encoding头，CloudFront就能正常返回压缩资源了。

2. 临时 workaround（无法升级时）

   • 手动修改ngsw-config.json，为资源请求添加自定义请求头，强制带上Accept-Encoding: gzip；
   • 调整CloudFront的配置，忽略请求头，直接返回预压缩的gzip资源（前提是你已经提前对静态资源做了gzip压缩，且确保所有客户端都能正确解析gzip内容）。

你提到的官方追踪问题就是这个Bug的正式记录，里面也有其他开发者分享的细节和临时修复方案。

内容的提问来源于stack exchange，提问作者adnan kamili