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

Question

[lexstile]

Вопрос в том, как правильнее писать свойства, у которых доступна сокращенная запись, например:

# 1 вариант
.div {
	background:  #ccc;
}

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

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

Какой вариант предпочтительнее использовать, если скорость загрузки страницы в приоритете, учитывая тот факт, что мы можем задействовать большинство свойств background-*, но не все?
То есть, быстрее будет отдать весь список по каждому background-свойству (2 вариант) или если браузер допишет за нас (1 вариант)?

Comments

[Сергей delphinpro]

Когда вы задаете свойство первый раз, можно использовать короткую запись, чтобы задать все нужные свойства. Однако, если верстаем под IE, то background-size все равно пишем отдельно.

Впоследствии, когда вы переопределяете стили блока, очевидно, удобнее менять только нужные свойства.

Но если вы не можете гарантировать последовательность применения стилей (сейчас или позже), лучше пишите их полными свойствами.

[lexstile]

Сергей delphinpro, благодарю за развернутый ответ.

Answer 1

[Евгений]

Где то была статья про это, что лучше писать не краткий вид. И более длинная запись это не минус)

Comments

[lexstile]

В минус отнес только потому, что требуетя больше времени на запись.

[Сергей delphinpro]

lexstile,bgi[tab]
ну да, на один символ больше вбить...

[lexstile]

Сергей delphinpro, вы рассматриваете только одно конкретное свойство, если их 6-7?
Добавим то, что будем прописывать подобное не одному блоку, которому требуется прописать background-*
--
P. S. Уже явно не один символ

[Евгений]

lexstile, сейчас редакторы всё подставляют, сборщики собирают, а вы ещё жалуетесь, что долго писать стили?

[lexstile]

Евгений, я не жалуюсь, это вынужденная зашита на комментарий, да и вопрос был в другом вовсе

[Сергей delphinpro]

lexstile, да, верно, не подумал )

Answer 2

[alex-1917]

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

Comments

[lexstile]

Дело не в 6 символах, читайте внимательнее тело вопроса. Спасибо за ответ.