title: How to know if resource was truly loaded from cache in chrome devtools?
body: <p><a href="https://i.stack.imgur.com/BZTjo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BZTjo.png" alt="enter image description here" /></a></p>
  <p>Chrome devtools network tab shows &quot;Transferred data over network&quot; 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?</p>
  <p>Note: I'm using max-age Cache-control policy and in Firefox it is clearly working.</p>