Tamanho do arquivo CSS e número de solicitações HTTP causadas
É o fator mais crítico no desempenho do CSS
Tempo de refluxo e renderização
(Muito!) Não é tão importante
A duplicação é pior que regras obsoletas
Porque temos as ferramentas para lidar com o último
Definir valores padrão
Não repita a codificação em todos os lugares
O ruim:
#weatherModule h3{cor:vermelho;}
#tabs h3{cor:azul;}
recomendo:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
Use classes separadas para definir estruturas
Não repita a codificação em todos os lugares
Usar classe
em vez do seletor de elemento
O ruim:
div.erro{...}
recomendo:
.error{A maior parte do código está escrita aqui}
div.error{definido separadamente}
p.error{definido separadamente}
em.error{definido separadamente}
Fonte: 99css