Firebase 托管缓存 + Google PageSpeed Insights答案

【问题标题】：Firebase Hosting Cache + Google PageSpeed InsightsFirebase 托管缓存 + Google PageSpeed Insights
【发布时间】：2016-12-05 02:39:52
【问题描述】：

我在 Firebase 上托管我的静态网站，并且在我的 firebase.json 文件中包含了 headers 键。这是我的完整配置文件：

{
   "hosting": {
      "public": ".",
      "ignore": ["firebase.json"],
      "headers": [{
         "source": "**/*.@(jpg|jpeg|gif|png)",
         "headers": [{
            "key": "Cache-Control",
            "value": "max-age=7200"
         }]
      }]
   }
}

当我使用 Google 的 PageSpeed Insights 工具运行 PageSpeed 测试时，我收到以下消息：

“利用浏览器缓存”

这是否意味着 Firebase 托管未应用我在项目配置文件中指定的标头？

【问题讨论】：

利用浏览器缓存 --- 我认为这与您的托管无关。显示此消息是因为您的网站不允许用于使您的网站更快的浏览器缓存。您可以查看PageSpeedOptimizer 上的博客以获取更多见解。
我相信您在托管后需要“标题”，如本文所述：stackoverflow.com/a/39316199/5698848

标签： caching firebase firebase-hosting

【解决方案1】：

您很可能缺少其他扩展名和文件类型。您可以通过在 firebase.json 中添加以下代码来控制 Firebase 中的缓存

"source" : "**/*.@(eot|otf|ttf|ttc|woff|font|css|jpg|jpeg|gif|png)",
"headers" : [ {
  "key" : "Access-Control-Allow-Origin",
  "value" : "*"
} ]

参考：How to Enable Caching with Google Firebase Hosting?

【讨论】：