UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Steps to reproduce the problem:
Create and host an HTML page with

<img src="image1.jpg" srcset="image2.jpg 2x">

in it. Also add the two images. (They can be any two images, it's even helpful if they are completely different images.)

Open the Network tab of the Developer Tools and visit the page.

At first, only image1.jpg is loaded.

Now zoom in the page.

On a side note, I would expect Chrome to now download image2.jpg to show the better resolution, but for now I'm going to assume that it is expected behavior that the higher density image is not downloaded.

Now refresh the page.

This time ONLY image2.jpg is loaded.

Now zoom out and refresh the page.

Now BOTH images are loaded. It seems strange to me, but again I'm going to assume this is expected behavior.

Now press Shift-F5 or Ctrl-Shift-R.

What is the expected behavior?
I was under the impression that holding Shift during a refresh does a complete refresh and allows me to see the things with the eyes of a new visitor who has never visited the page.

Therefore I would have expected only image1.jpg to be loaded.

What went wrong?
This time image1.jpg AND image2.jpg are loaded.

For comparison: Checking the "Disable cache" option on the Network tab actually leads to the expected behavior.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 57.0.2987.133  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: