1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Как заблокировать элемент от загрузки на страницу.

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 26 июн 2018.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Имеется 3 разные картинки в хедере. Каждая из них отображается на определенном разрешении. По средствам css они display:none; ну и когда надо на определенном разрешении соответственно display: block; - но при всем при этом они все равно подгружаются на страницу, т.е. лишняя нагрузка. Это для оптимизации идет. Только вопрос как эту задачу реализовать, чтобы когда они не нужны, или проще сказать скрыты, чтобы они не подгружались на страницу, тем самым снимая лишнюю нагрузку и увеличивая скорость загрузки страницы, а когда надо чтобы отображались то подгружались - или это все делается при помощи JS?
     
    AlexGood, 26 июн 2018
    #1
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Dotrox, 27 июн 2018
    #2
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    А если это background?
     
    AlexGood, 27 июн 2018
    #3
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    То просто пропишите в своём медиа квери не только изменение display, но и background.
     
    Dotrox, 28 июн 2018
    #4
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Ну так элемент на странице то не виден, но если посмотреть в DevTools то в загрузке страницы участвует
     
    AlexGood, 28 июн 2018
    #5
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Не задавайте ему background - не будет участвовать.

    И есть у меня подозрение, что в вашем случае можно вообще обойтись без раздельных блоков и их скрытия, а просто переключать background.

    Использовать разные блоки для разных разрешений - это плохая практика и реальная необходимость в этом возникает крайне редко. В большинстве случаев достаточно просто менять стили одних и тех же блоков.
     
    Dotrox, 28 июн 2018
    #6
    0micron и AlexGood нравится это.
  7. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Редко но как видите иногда необходимо :(
     
    AlexGood, 29 июн 2018
    #7
< Как называется этот эффект | Проблема со стилями >