Как лучше сделать смену фоток?

Есть товар на витрине.

<div class="item">
  <img src="1.jpg" data-images="2.jpg">
</div>

При навдени мыши на картинку я подменяю SRC у оригинала, на тот что лежит в data-images
Проблема в том, что когда пользователь наводит на картинку, она меняется не сразу, а может пройти 1.5s , ибо происходит фоновый pending

Как сделать так, что бы картинки уже были загружены?
Все картинки у меня кешируются в браузере/

как бы пробежаться по всем data-images что бы они попали в кэш браузера?
Спасибо.