Увеличивает ли загрузку сайта фоновые картинки не используемые в мобильной версии?

Question

[Василий Хрягин]

то есть вот такой код

.main-button {
	background-color: #2db2fa;
	background-image: url(../img/icons/arrow-right_white.svg);
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width:767px) {
.main-button {
	background-image: url(../img/icons/arrow-right_blue.svg);
}
}

будет ли загружатся на телефоне картинка arrow-right_white.svg?

Answer 1

[Alex]

Откройте отладчик браузера и посмотрите. Протестируйте в разных браузерах.

Answer 2

[Денис Инешин]

Да будет. Используйте mobile-first подход, тогда не будет.