¿Las reglas CSS más específicas cargan mejor?

Usted puede hacer esto:¿Las reglas CSS más específicas cargan mejor?

.info 
{ 
    padding: 5px ; 
}

O, si usted sabe que va a ser un div, usted puede hacer esto

div.info 
{ 
    padding: 5px ; 
}

Por lo tanto, cuando hay una lista anidada .. usted puede hacer esto. .

div.info ul.navbar li.navitem a.sitelink 
{ 
    color: #f00; 
}

O puede hacer esto

a.sitelink 
{ 
    color: #f00; 
}

Dejando de lado la legibilidad, ¿cuál es mejor que analice/ejecute el navegador?

Fuente

2010-05-20 bobobobo

Mantenga las reglas lo más generales posible: es más rápido y utiliza menos bytes. Ver Google's article para más información.

Fuente

2010-05-20 19:35:21

Publiqué lo mismo que tú, aproximadamente la misma hora también :) Incluso los dos vinculados a Google. – Echo

@Echo Hay un minuto completo de diferencia. En el momento SO, eso es lightyears :) –

@Josh True, true :) – Echo

Creo que el más específico y el más corto es casi siempre el mejor.

ver http://code.google.com/speed/page-speed/docs/rendering.html

Fuente

2010-05-20 19:36:18 Echo

Mantener reglas simples y más general posible es un buen comienzo. Alguien más tendrá que leerlo y darle sentido en algún momento.

Si le preocupa el rendimiento de la velocidad del navegador, el tamaño de la hoja de estilo, etc. Simplemente ejecute sus hojas de estilo a través del YUICompressor. Limpiará y miniatizará su CSS (agrupe elementos que se repiten, por ejemplo).

Fuente

2010-05-20 19:39:59 subv3rsion

FYI. El hecho de que el CSS sea minimizado y optimizado en YUICompressor no le da libertad para ser descuidado. El artículo de Google, mencionado anteriormente, es un buen comienzo. – subv3rsion

¿Las reglas CSS más específicas cargan mejor?

Respuesta

Cuestiones relacionadas