Javascript 当显式设置为缓存的站点内容应小于2Mb时，482Mb存储在缓存中

您好，我目前有一个网站，您可以在这里查看，我无法理解为什么我在chrome dev tools中打开应用程序选项卡时会显示： “在480 MB存储配额中使用了482 MB。”

我的目标是缓存站点图像、.css/.js/.html和其他必要的文件，这样在没有internet连接的情况下查看站点时，站点看起来会一样

我对服务人员不太了解。 而且，我唯一的猜测是，它是从一个我认为是所谓的，如果我错了请纠正我，“API请求”提交到Bootstrap、Font awesome、jQuery或Google Maps API。但是，即使它来自一个API请求，我仍然不知道如何着手修复它，而不只是删除API调用，这是我的站点看起来正确所需要的

我想如果它是由Bootstrap、googlemaps、jQuery或Font-Awesome引起的，那么我可以下载它并将其与我的其他站点文件一起存储……可能吗？并且只存储API请求中站点运行所需的文件。IDK虽然我认为最后一个努力的解决方案，因为我希望保持网站的存储规模尽可能小。 此外，我认为提供站点链接比代码更好，因为你可以立即看到我在它的自然环境中处理的问题，因为我真的不知道为什么它会存储482Mb，我认为最好不要显示一段我甚至不确定是不是导致问题的孤立代码

---

任何帮助或见解都将不胜感激

我认为您的问题在于提出跨域请求。其中许多是不透明的。这就是事情变得有点复杂的地方。作为一种安全特性，不透明请求被填充，这意味着相对较小的响应将被缓存为数MB

要从您的站点修复某些负载，如引导等

与开发工具中缓存的实际大小相同。这一价值观相当误导。我越来越不相信这个价值，因为它似乎报告的不仅仅是你的网站。所以我不会太担心这个值

我的开发工具说你的站点有207MB的内存，这是不可能的

其他简要说明：

根据我在开发工具中看到的情况，您正在移动视图中加载4.7MB。1.2MB的JavaScript，我相信它可以被裁剪很多。这是图像大小的2倍

---

您还将为所有视口使用单个图像大小。查看响应图像。

我认为您的问题在于提出跨域请求。其中许多是不透明的。这就是事情变得有点复杂的地方。作为一种安全特性，不透明请求被填充，这意味着相对较小的响应将被缓存为数MB

要从您的站点修复某些负载，如引导等

与开发工具中缓存的实际大小相同。这一价值观相当误导。我越来越不相信这个价值，因为它似乎报告的不仅仅是你的网站。所以我不会太担心这个值

我的开发工具说你的站点有207MB的内存，这是不可能的

其他简要说明：

根据我在开发工具中看到的情况，您正在移动视图中加载4.7MB。1.2MB的JavaScript，我相信它可以被裁剪很多。这是图像大小的2倍

您还将为所有视口使用单个图像大小。观察反应灵敏的图像