title: Why does an image with src and srcset make a redundant network request in Chrome?
body: <p>Consider the example:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;img src="https://via.placeholder.com/200x150"
       srcset="https://via.placeholder.com/200x150 200w,
               https://via.placeholder.com/400x300 400w,
               https://via.placeholder.com/600x450 600w"
       alt="An adaptive image 200..600px"
       /&gt;
  </code></pre>
  
  <p>In Chrome DevTools, I see two network requests, which is suboptimal, as I expect here only 600px version to be downloaded. In Firefox, however, the issue does not reproduce - I have one network request there. So, can it be just a browser-specific bug? Or maybe I am not adhering to some standards in this example?</p>
  
  <p><a href="https://i.stack.imgur.com/38VQ3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/38VQ3.png" alt="There is one network request directed to 200x150 version, and a consequent one, fetching a 600x40 version"></a></p>