7

enter image description here

Chrome devtools network tab shows "Transferred data over network" value of the same size of cached resource file. If I block the last request that appears on above image, picture isn't loaded, but the second request still shows the same amount of data was transferred. How to know if the image resource is really being pulled from cache and bandwidth is being saved?

Note: I'm using max-age Cache-control policy and in Firefox it is clearly working.

Andre GolFe
  • 300
  • 5
  • 12
  • 2
    Does this answer your question? [Check whether network response is coming from server or Chrome cache](https://stackoverflow.com/questions/13140318/check-whether-network-response-is-coming-from-server-or-chrome-cache) – Joe Sep 03 '21 at 10:58
  • 1
    Unfortunately this doesn't answer my question. Even though I'm using max-age in the cache-control header and a subsequent request with a cached response is made right away, the transferred data still shows approximately the same amount of data as the cached file itself and not just a few hundred bytes as it was expected. – Andre GolFe Sep 14 '21 at 18:21
  • But yet, analyzing this has provided me with more evidence that data is not being retrieved from cache, it's just not enough to conclude it, though. – Andre GolFe Sep 14 '21 at 18:56

2 Answers2

3

The ultimate answer to you question can be provided by the access logs of the server you are requesting the ressource from. Just add an "fingerprint parameter" to your request and check the access log from the server.

Another option would be using an extension like webQsse (https://chrome.google.com/webstore/detail/webqsee-web-sniffer-recor/gamdpfnfkjknkimfbboonmgdfnondfme) which also displays where the image is loaded from.

enter image description here

Paul Gutenbrunner
  • 107
  • 1
  • 1
0

You can see the content being loaded from the disk or memory if you open the network tab in Chrome dev tools.

Example Example

Saurabh Gupta
  • 363
  • 3
  • 6
  • 17