@podkudahka
крутой

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

то есть вот такой код
.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?
  • Вопрос задан
  • 44 просмотра
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Откройте отладчик браузера и посмотрите. Протестируйте в разных браузерах.
Ответ написан
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
Да будет. Используйте mobile-first подход, тогда не будет.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы