Почему загружаются два изображения srcset?

Question

В контексте разработки адаптивных веб-шаблонов я использую атрибут srcset для загрузки разных изображений в зависимости от текущего размера видового экрана. Это прекрасно работает в целом. Но в режиме производства изображения загружаются из DAM (Digital Asset Management System), где специальные параметры используются для масштабирования и обрезки запрошенных изображений, например.

<img src="{url}/s,x,586,y,0/{img_id}" 
    srcset="{url}/s,x,293,y,0/{img_id} 293w, 
      {url}/s,x,440,y,0/{img_id} 440w, 
      {url}/s,x,586,y,0/{img_id} 586w" 
    sizes="(max-width: 520px) 100vw, (max-width: 1010px) 40vw, 15vw" /> 

Проблема: теперь каждое изображение загружается дважды (440w и 586w). Является ли это проблемой кэширования?

Answer 1

Ваш код выглядит прекрасно, браузер должен загружать только одно из изображений, если вы не измените размер окна или не сможете повернуть планшет.