Должен ли я стек селекторов CSS с соответствующими свойствами, или использовать сокращение для более эффективного CSS? - PullRequest
Новая
       5

Должен ли я стек селекторов CSS с соответствующими свойствами, или использовать сокращение для более эффективного CSS?

1 голос
/ 05 октября 2011

В последнее время я складываю селекторы с подходящими свойствами в одно правило, думая, что это более эффективно, например: 

.logo, .menu, .format h2, .format h3, .format h4, .format h5, .format h6, #footer {
    font-family: 'Compressed Light', sans-serif;
    font-weight: 200;
    font-style: normal;
    font-variant: small-caps;
}

.logo {
    font-size: 3.692307692em; /* 48px / 13px */
    line-height: 100%;
}

Затем я устанавливаю другие свойства шрифта, такие как размер и высоту строки, в отдельных правилах.

Было бы более эффективно использовать сокращение, включая все свойства, даже если мне понадобится столько же правил для определения размера? 

.logo {
    font: normal small-caps 200 3.692307692em/100% 'Compressed Light', sans-serif; /* 48px / 13px */
}

Какой стиль браузер обрабатывает быстрее?

1 Ответ

2 голосов
/ 05 октября 2011

Если вы хотите оптимизировать производительность, лучше поискать минимизатор CSS .

Просто сохранить ваш CSS читабельным , это более важно.

Если вы хотите больше ориентироваться на производительность CSS, посмотрите на этот вопрос: Есть ли еще что-то для оптимизации CSS, чем минимизация количества символов? .Но ИМХО, в большинстве случаев скорость сайта зависит от скорости, а не от разбора HTML / CSS.

...