React、S3、CloudFront 压缩。压缩包答案

【问题标题】：React, S3, CloudFront Compression. GZipReact、S3、CloudFront 压缩。压缩包
【发布时间】：2018-06-25 15:51:38
【问题描述】：

我正在努力使我的 PageSpeed 分数尽可能接近 100。我从https://developers.google.com/speed/pagespeed/insights 得到的建议之一是我应该启用压缩。

这是我有点困惑的地方。我的印象是我已经启用了压缩。在 CloudFront 中，我启用了自动压缩对象行为。

在这里做一些阅读：

您似乎需要包含标头 Accept-Encoding: gzip。但是，当我查看我的请求时，我可以看到该标头存在。

它正在为我使用 create-react-app 构建的 React 应用程序提供服务，我可以看到该标头存在，没有弹出或额外配置。

但是，我仍然从 Google 的 Page Speed 测试中得到以下建议。

还有什么我可以做的吗？或者我可以验证请求是否被压缩的方法？如果是，为什么这个建议仍然出现？

谢谢

【问题讨论】：

【解决方案1】：

CloudFront 判断文件是否可压缩：

文件大小必须在 1,000 到 10,000,000 字节之间。

如果您压缩 64 字节文件，则没有任何优势，因为解压缩比传输花费更多时间。是的，Google PageSpeed Insights 不在乎，但对于小文件，它们是错误的。

如果你真的想提供一个 gzip 压缩文件，你必须在源中压缩它（例如 AWS S3）并设置 content-encoding 标头

【讨论】：