Tamaño del archivo CSS y número de solicitudes HTTP provocadas
Es el factor más crítico en el rendimiento de CSS.
Tiempo de reflujo y renderizado
(¡Muy!) No es tan importante
La duplicación es peor que las reglas obsoletas
Porque tenemos las herramientas para manejar esto último.
Definir valores predeterminados
No repita la codificación en todas partes
Lo malo:
#weatherModule h3{color:rojo;}
#pestañas h3{color:azul;}
recomendar:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
Utilice clases separadas para definir estructuras.
No repita la codificación en todas partes
clase de uso
en lugar de selector de elementos
Lo malo:
div.error{...}
recomendar:
.error{La mayor parte del código está escrito aquí}
div.error{definido por separado}
p.error{definido por separado}
em.error{definido por separado}
Fuente: 99css