为什么 Lighthouse 使我的缓存文件失败？

Question

我正在使用 Google Lighthouse 来计算性能得分。标准之一是缓存静态资产，例如图像和脚本。

我无法控制所有这些，但我可以控制缓存的那些已设置为 30 天。但是，Lighthouse 仍在报告这些问题。Lighthouse确实将这些报告为具有 30d 缓存，但仍报告为一个问题。

我需要做什么来纠正这个问题？

请看下面的截图：

Answer 1

如果您的审计分数不大于或等于 90，Lighthouse 会警告您使用有效的缓存策略为静态资产提供服务。它还会在详细信息摘要中列出您的所有静态资产（无论它们是否通过） .

由于您无法控制某些静态资产，因此您的分数似乎低于 90，因此，您仍然会在详细信息摘要中看到通过审核的静态资产。

您可以通过将结果保存为 JSON 文件、在任何文本编辑器中打开它并搜索包含“ uses-long-cache-ttl ”的部分来验证这一点。

下面的分数可能会低于 90。

您可以通过访问此链接了解有关此特定审核的更多信息：

https://developers.google.com/web/tools/lighthouse/audits/cache-policy

Answer 2

我还有一个 30 天的缓存策略，解决这个问题的方法是将公共值和无缓存值添加到 Cache-Control 标头中。

我只是在测试 Firebase 托管与我的旧主机（IIS）时才发现这一点。IIS 托管站点正在通过，尽管它的 max-age 值较短。我检查了 chrome 中的网络开发人员工具，发现它在 Cache-Control 标头下的 IIS web.config 中有公共且没有缓存值，但我的 firebase.json 没有这些值。添加后我又通过了！

现在为什么会这样对我来说是个谜，但是看看你是否可以添加并再次测试。