Остановить загрузку изображения на смартфоне

Я разрабатываю адаптивный веб-сайт для компании, где на полноразмерном веб-сайте есть слайд-шоу с изображениями на заднем плане (, полностью заполняющими экран с помощью Backstretch ). Поскольку изображения имеют довольно большой размер (около 300k ), я ищу способ остановить загрузку изображений при просмотре сайта на смартфоне.

Я применил display: noneи visibility: hiddenк div обратного растяжения с помощью медиа-запроса. Он скрывает изображения, но кажется, что они все еще загружаются. Есть ли умный способ заставить браузер полностью их игнорировать?