Как отключить загрузку изображений в мобильной версии сайта?
Это можно сделать без JavaScript. Тэг <picture>  позволяет загружать картинки в зависимости от различных экранов.
Можно сделать таким образом, чтобы на мобильных устройствах загружалась какая-нибудь скрытая 1-пиксельная картинка, которая закешируется браузером и не будет создавать никаких лишних запросов.
Пример:<style>
  picture { display: none }

  @media (min-width: 767px) {
    picture {
      display: block
    }
  }
</style>

<picture>
 <source srcset="#путь-к-изображению" media="(min-width: 767px)">
 <img src="#1x-placeholder">
</picture>
Посмотрите в сторону lazy load. Смысл в том, что вы вначале перегоните основной сайт под эту концепцию (когда картинки загружаются после загрузки основного контента). А после этого для мобильной версии подставите кастыль,  чтобы картинки вовсе не грузились.