Как запретить загрузку элемента если страница открывается с моб. устройства?

Question

[ALEX]

Добрый день, как можно сделать так чтобы некоторые элементы страницы (картинки, блоки) не загружались если она открывается на мобильном устройсве. CSS не решает проблему, так как он просто скрывает элемент, но он все ровно загружаетя на страницу и тратит на это время.

Comments

[Rustam Bainazarov]

Это тогда задача либо backend'a, либо, если вас React, то его. Простых путей тут нет.

Если нет никакого фреймворка на сайте — убирать вообще этот блок из разметки изначально и уже после загрузки страницы добавлять его через JS, если надо.

Answer 1

[PeeX]

CSS не решает проблему, так как он просто скрывает элемент, но он все ровно загружаетя на страницу и тратит на это время

вы просто не умеете его готовить
если изображение вы делаете не элементом img, а фоном на блоке, то на css влегкую 1 и 2 и т.д...
даже если сам элемент при этом в разметке останется, то он будет "пустой", а парсинг его браузером незаметен вообще
А вот если у вас на 10/100/100 кБ вложенного контента, то тут уже только на стороне сервера, либо генерировать динамически на стороне клиента
Хорошо бы видеть вашу разметки и css

Answer 2

[Krack5567]

Тегом можно подсовывать картинки разного размера для мобильника и компьютера

Answer 3

[vistad]

Используйте media query мобильного viewport и no show

Answer 4

[Виталий Б]

Костыль - использовать js и по useragent уже отображать элементы.