google-chrome - Chrome显示高速缓存存储使用率高

Question

当我意识到具有特定内容长度N的存储图像或脚本实际上占用了高速缓存存储中的5N-10N空间时，我一直在分析复杂应用程序的高速缓存存储使用。

考虑以下示例:我正在通过服务 worker 从OpenStreetMap请求图像，并将其存储在缓存中。缓存中仅存储一幅图像。 Chrome版本是最新版本(版本65.0.3325.146(正式版本)(64位))。

这是刷新后的高速缓存存储 View :


这是“清除缓存”选项卡的 View :


因此，问题在于具有6.4KB大小的图像实际上需要缓存存储区的13.8MB。我想念什么吗？

可以在https://googlechrome.github.io/samples/service-worker/basic/看到实时示例-少于脚本的10KB几乎占据了缓存存储的50KB。



因此，的问题是:当通过服务 worker 缓存文件时，它们所占用的空间会显着增加吗？我同意实际请求的权重比实际响应重，但的权重不是的10倍。

可能有用的链接:

Chrome dev tools showing high cache storage utilisation

Service Worker issues

https://bugs.chromium.org/p/chromium/issues/detail?id=795134

Answer 1

对于OSM切片，较高的缓存使用率来自不透明的请求。

当您缓存另一个域中的内容时，只能缓存它，而不能以任何方式查看其内容。这使请求变得不透明。您不能摆弄代码中的内容，只能缓存它，这是一个黑匣子。为了避免信息泄漏，浏览器在缓存资源时实现填充。因此，报告100kb的图像占用了7mb的缓存，并且实际报告的大小因浏览器而异。

这仅意味着在抛出超出配额的异常之前，您将能够在SW逻辑中缓存少得多的不透明请求。所有缓存的请求(即使实际上很小)都在缓存中占用大量(填充的)空间，以避免信息泄漏。

在第二种情况下，我认为这是一个错误。