Подгружает ли браузер background-image, если я на мобильных версиях его отключил?

Question

[FronzZ]

Всем привет! Подскажите, при таком условии:
1) Браузер все равно подгружает картинку, а потом выполняет условие (убирает ее) или же -->
2) Браузер видит условие меньше или = 992 и не подгружает фон при просмотре на таком разрешении???

@media (min-width: 992px) {
	body {
		background-image: url(/img/1999.png);
	}
}

body {
	background-color: grey;
	background-attachment: fixed;
}

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

Comments

[alex4answ]

откройте network в devtools и посмотрите, загружает или нет

Answer 1

[spnq]

Зависит от браузера.
В статье все красиво и понятно в графиках.

Comments

[FronzZ]

Спасибо конечно, но я не особо силен в английском.. Интересуют самые хрдовые браузеры: Chrome, mozzila и тд..

[spnq]

FronzZ, твое решение на них отработает. Твой кейс в четвертой таблице.

[FronzZ]

spnq, Правильно ли я понял что никакой из вышеперечисленных браузеров, не будет загружать фон на мобильном, и только на сафари и android 2.1-3.0 он подгрузиться? Так чтоли?)

[spnq]

FronzZ, загрузят Android 2.1-3.0?, Blackberry 6.0, Fennec (10.0+), Kindle (3.0), Safari 4.0.
Самый простой способ себя проверить - открыть dev tools в хроме, эмулировать экран телефона и посмотреть в network, какие ресурсы тебе приходят.

[FronzZ]

Спасибо, буду дальше разбираться)