Задать вопрос
@Artur937
junior
javascript

Как отключить загрузку изображений в мобильной версии сайта?

Как отключить загрузку картинок в мобильной версии сайта? В статье они не несут большой смысловой нагрузки, а сервер нагружают. Что посоветуете?

На сайте картинки обернуты в контейнер с одним и тем же классом

<div class="img_wrap">
      <img src="URL" alt="альтернативный текст">
</div>
  • Вопрос задан
  • 2570 просмотров
1 комментарий
Подписаться 3 Простой 1 комментарий
Решения вопроса 1
@lloydbanks
Это можно сделать без 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>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Jeer
@Jeer
уверенный пользователь
Посмотрите в сторону lazy load. Смысл в том, что вы вначале перегоните основной сайт под эту концепцию (когда картинки загружаются после загрузки основного контента). А после этого для мобильной версии подставите кастыль, чтобы картинки вовсе не грузились.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Программа (скрипт) для автоматизации торговли Solana
25 апр. 2024, в 00:45
100 руб./в час
Ещё заказы