Размер файла CSS и количество вызванных HTTP-запросов
Является наиболее важным фактором производительности CSS.
Перекомпоновка и время рендеринга
(Очень!) Не так важно
Дублирование хуже устаревших правил
Потому что у нас есть инструменты для решения последнего
Определить значения по умолчанию
Не повторяйте кодирование везде
Плохо:
#weatherModule h3{color:red;}
#tabs h3{color:blue;}
рекомендую:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
Используйте отдельные классы для определения структур
Не повторяйте кодирование везде
Использовать класс
вместо селектора элементов
Плохое:
div.error{...}
рекомендую:
.error{Здесь написана большая часть кода}
div.error{определяется отдельно}
p.error{определяется отдельно}
em.error{определяется отдельно}
Источник: 99css