@lexstile

Оптимизация стилей (css)?

Вопрос в том, как правильнее писать свойства, у которых доступна сокращенная запись, например:
# 1 вариант
.div {
	background:  #ccc;
}

# 2 вариант
.div {
	background-color:  #ccc;
}

1 вариант
Минусы:
- браузер установит все свойства background-*
Плюсы:
+ короткая запись
2 вариант
Минусы:
- более длинная запись
Плюсы:
+ браузер не будет устанавливать остальные свойства background-*

Какой вариант предпочтительнее использовать, если скорость загрузки страницы в приоритете, учитывая тот факт, что мы можем задействовать большинство свойств background-*, но не все?
То есть, быстрее будет отдать весь список по каждому background-свойству (2 вариант) или если браузер допишет за нас (1 вариант)?
  • Вопрос задан
  • 197 просмотров
Пригласить эксперта
Ответы на вопрос 3
iamd503
@iamd503
Верстальщик
Где то была статья про это, что лучше писать не краткий вид. И более длинная запись это не минус)
Ответ написан
l3ftoverz
@l3ftoverz
Туды сюды
браузер установит все свойства background

Он установит их в дефолтные значения, в целом всё будет так же, как и если бы вы написали background-color.
В принципе, особо не важно как писать, если у вас на выходе кто-то это всё приведёт к одному виду, скомпонует стили и минифицирует их.
Ответ написан
alex-1917
@alex-1917
Конечно же правильнее так:
background-color:
Опустим вопросы наследования, группирования и каскадирования в CSS, самое главное - вы на самом деле готовы устроить драку из-за ШЕСТИ СИМВОЛОВ???
Это что, новая эпидемия или вы начитались гугла?
Ответ написан
Ваш ответ на вопрос

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

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