Когда загружаются изображения в скрытых элементах?

Question

[Леонид Нимченко]

Здравствуйте. Есть блок, скрытый с помощью стилей (должен отображаться по клику), в котором есть много изображений. Подскажите, пожалуйста, когда браузеры начнут грузить эти изображения? Прочитал в сети инфу, что с начала грузится контент, а потом стили и скрытые изображения могут моргать до загрузки стилей. В другой инфе описано, что изображения в скрытых блоках не грузятся совсем. Или в каждом браузере по разному?

Comments

[Сергей Герасимов]

Медиа-контент в скрытых блоках не загружается до тех пор, пока блок скрыт. Но можно загрузить с помощью различных хаков.

На разных браузерах было замечено аналогичное поведение, возможно есть такие, которые загружают сразу, не встречались

[tyzberd]

Сергей Герасимов, если бы картинки не грузились в скрытых блоках, не было бы lazy load плагинов. ФФ и хром грузят картинки
пункт Images in CSS https://developers.google.com/web/fundamentals/per...

[Сергей Герасимов]

tyzberd, ну так попробуйте. У меня лично были ситуации, когда не грузилось.

[tyzberd]

Сергей Герасимов, пробовал, грузит

Answer 1

[tyzberd]

вы можете посмотреть в средствах разработчика в вкладке network
хром не грузит в таком случае https://codepen.io/anon/pen/QxMgJr или если класс не найден, в других случаях грузит

Comments

[Леонид Нимченко]

в других случаях грузит

Т.е. если не фоном, а через тег img внутри скрытого блока то может грузить?

[tyzberd]

будет грузить. Но картинки вы не должны увидеть, потому что браузер сначала обработает стили.
https://developers.google.com/web/fundamentals/per...
https://developers.google.com/web/fundamentals/per...