Загружается ли фоновое изображение у скрытого блока?

Question

[ymfront]

Есть блок .screen со свойством display: none. У псевдоэлемента этого блока задано фоновое изображение.

.screen {
    display: none;
}

.screen::before {
    background: url("../img/bg-desktop.jpg") center top no-repeat;
}

Загружается ли это фоновое изображение у псевдоэлемента скрытого блока?

Answer 1

[MagicMight]

Нет, не загрузится. Это буквально 20 секунд, чтобы посмотреть в профайлере :)

Comments

[ymfront]

Я посмотрел во вкладке sources, но не был уверен)

[MagicMight]

ymfront, смотри во вкладке "Network" куда уходят запросы. Можно выбрать фильтр по "Media". К слову, если я не путаю, картинка не загрузится даже если задан display, но не задан content в псевдоэлементе

[Уставшая Вишенка]

По-моему все равно загрузится но отображаться не будет, поэтому в плагинах на ленивую загрузку URL указывается другим параметром что то из серии data-url="" и его потом подставляют и наче какой в этом смысл.... Но вообще я бы перепроверил с помощью огромной картинки...

[Сергей delphinpro]

Уставшая Вишенка, 1. data-url используют для тегов img, потому что они таки загружаются даже скрытые.
2. Зачем проверять огромной картинкой? Запрос вы увидите в любом случае.