Существует несколько способов остановить загрузку изображения, является ли изображение встроенным или является фоновым изображением в стиле CSS, или если оно вводится с помощью медиазапроса.Он работает почти для всех мобильных устройств (за исключением того, что «Fennec 10.0+» является единственным устройством, все еще загрузившим образ. - см. Результаты теста Тима Кадла)
Исследование «Результаты тестирования загрузки медиа-запросов и ресурсов» Тима Кадлеца в:
http://timkadlec.com/2012/04/media-query-asset-downloading-results/
В фоновом изображении скрыть родительский элемент.Если вы не можете сделать это, используйте медиа-запрос, чтобы установить фоновое изображение для загрузки только тогда, когда размер экрана или устройства имеет определенный размер.Просто определите, что вы хотите скрыть / не загружать, помещая в медиа-запросы.Разве это не чудесно.
Еще один замечательный тест для использования, такой простой, по адресу: http://timkadlec.com/mq/test4.php
В этом тесте вы просто изменяете размер окна вашего браузера, чтобы имитировать более «рабочий стол» или «рабочий стол»мобильный телефон, чтобы увидеть, загружает ли он изображения, связанные с медиа-запросами.Вы просто нажимаете на ссылки для каждого сценария, который хотите протестировать.