Shing
@Shing

Можно ли запретить загрузку картинок для десктопа (предназначенных для десктопа) на мобильных и наоборот?

Разные картинки под стилем hidden-on-mobile и is-mobile.
Но получается ведь, что браузер все равно грузит все картинки из кода или нет?

Можно ли сделать, чтобы картинки под стилем hidden-on-mobile не грузились на мобильных, а is-mobile соотв-но на десктопах? Чтобы ускорить загрузку страницы.

Может быть как-то lazy loads прикрутить? Но как бы оно тоже тяжелее не стало из-за js/jquery.

Или сделать на дивах? div id="hidden-on-mobile" div id="is-mobile" и все картинки спрятать в CSS? Тогда прокатит, div is-mobile на десктопе не будет подгружен?
  • Вопрос задан
  • 210 просмотров
Решения вопроса 2
@EM-CODER
Просто верстальщик
alex-1917
@alex-1917
Если ответ помог, отметь решением
Если действительно это так важно, то формируй код сразу под нужное моб. устройство, т.е. не формируй лишнего. Есть же https://github.com/serbanghita/Mobile-Detect !!!

В реальной жизни все это фигня, гораздо больше планшеты тратят памяти на новомодную стартаперскую фичу - иконки в svg!)))

Забей!
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Через css вряд ли сделаешь красиво.
К примеру можно через js менять аттрибут src. https://jsfiddle.net/0ohaLy6n/8/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы