【发布时间】：2021-10-31 03:16:45
【问题描述】：
Chrome devtools 网络选项卡显示相同大小的缓存资源文件的“通过网络传输的数据”值。如果我阻止出现在上图中的最后一个请求，则不会加载图片，但第二个请求仍然显示传输了相同数量的数据。如何知道图片资源是否真的被从缓存中拉取并节省了带宽？
注意：我使用的是 max-age 缓存控制策略，在 Firefox 中它显然可以工作。
【问题讨论】：
-
不幸的是，这并没有回答我的问题。即使我在缓存控制标头中使用 max-age 并且立即发出带有缓存响应的后续请求，传输的数据仍然显示与缓存文件本身大致相同的数据量，而不仅仅是几百预期的字节数。
-
但是，分析这一点为我提供了更多证据表明数据没有从缓存中检索到，但仅仅得出结论还不够。
标签： caching http-headers google-chrome-devtools cache-control max-age