1

можете подсказать если я сделаю див с display: none изначально и потом сделаю его блоком, фото загрузится когда див станет блоком или-же оно загружается сразу при заходе на сайт без вариантов? Новичок в этом плане, извиняюсь

2
  • Загрузится у пользователя* 22 июн 2022 в 11:47
  • Глянь, ниже примеры под ответом, исправили, в общем я ошибся с начала, есть обстоятельства при которых оно не загрузиться. 23 июн 2022 в 12:41

1 ответ 1

0

Сегодня ваш браузер (в зависимости от версии) может пропустить загрузку изображения, если оно скрыто.

Если изображение имеет display:none, правило может быть прочитано сценарием и браузер не загружает изображения если оно скрыто.

В коментах пару примеров.

4
  • Не факт что фото будет загружено. Вопросе нет уточнения о том как вставлено фото. Вполне возможна ситуация что div имеет style="background: url(...)" и в таком случе фото будет загружено только в момент отображения блока
    – Ein
    22 июн 2022 в 12:02
  • Вы же в ответе сами написали обратное. Вот записал пример: imgur.com/KCgl5mZ. Можете в инспекторе сами потыкать: codepen.io/loonybtard/pen/KKQjJey.
    – Ein
    23 июн 2022 в 9:35
  • @Ein слшуай!, беру свои слова обратно ты был прав!, уже новые движки браузеров так и делают, я тут выполз спустя три года. Во че накопал. 210 Browsers are getting smarter. Today your browser (depending on the version) might skip the image loading if it can determine it's not useful. The image has a display:none style but its size may be read by the script. Chrome v68.0 does not load images if the parent is hidden. 23 июн 2022 в 12:33
  • @Ein правда это касается <img> у родителя, но сути это не меняет, это так же может работать и с уралми css 23 июн 2022 в 12:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.