¿Hay beneficios de velocidad de poner atributos de CSS en orden alfabético?

Question

Espero que esta pregunta no sea demasiado extraña y arbitraria. Cuando veo un CSS usando Firebug, he notado que las propiedades de CSS para cada etiqueta están en orden alfabético.

¿Está tratando de decirnos algo?

Además del beneficio obvio de poder encontrar la propiedad que busca con mayor rapidez, me preguntaba: ¿es más rápido para un navegador aplicar las propiedades si están en orden alfabético en la hoja de estilo original?

Por ejemplo es este ...

body { 
    background: #222; 
    color: #DDD; 
    font-size: 0.85em; 
} 

#content { 
    background: #444; 
    padding: 1em; 
} 

p { 
    border-bottom: 0.9em; 
    line-height: 1.2em; 
    text-align: justify; 
} 

... mejor que esto ...?

body { 
    font-size: 0.85em; 
    background: #222; 
    color: #DDD; 
} 

#content { 
    padding: 1em; 
    background: #444; 
} 

p { 
    text-align: justify; 
    line-height: 1.2em; 
    border-bottom: 0.9em; 
} 

¿Se puede probar esto con eficacia?

Esto obviamente se replicaría en toda la hoja de estilo, por lo que un navegador se beneficiaría de hacer las cosas en orden y, de ser así, ¿valdría la pena revisar las hojas de estilo pasadas para reordenar las cosas?

- editar -

Ok, una ligera alteración a mi pregunta: ¿Qué pasaría si los atributos son siempre en el mismo orden para cada etiqueta. Antecedentes siempre antes del borde siempre antes del color, etc. y así sucesivamente (¡sé que me he perdido algo!) Para cada etiqueta. Alfabético te ayudaría a mantener las cosas en orden en lugar de ser el método óptimo.

¡Parece que el consenso abrumador es que no importa, sin embargo!

Answer 1

Definitivamente no hay beneficio de velocidad en ordenar sus estilos alfabéticamente.

Si desea beneficios de velocidad real, debe minimizar su CSS.

Hay tantos programas para hacer eso, pero aquí está uno de ellos: CSSTidy. Este programa también tiene la opción de poner sus estilos en orden alfabético (si lo desea para su beneficio).

Answer 2

No creo que el orden de las declaraciones afecte la velocidad de ninguna manera, sin embargo, la eficacia de las declaraciones puede afectar el rendimiento. (Ligeramente tangencial, supongo ...)

Ver: http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors

Answer 3

La ventaja de rendimiento es sólo para el análisis visual - Firebug volver a organizar los atributos de su estilo en orden alfabético cuando se inspecciona un elemento, que me parece mucho más rápido para localizar un atributo de estilo.

Answer 4

Firebug hacerlo de modo que los desarrolladores pueden buscar un valor de atributo fácilmente, y si quieres beneficio velocidad, escribir el CSS juiciosamente, que incluye, principalmente, evitar la repetición y la redundancia y ser seco

También cuando se carga una página y CSS se analiza y el diseño se procesa una vez, la próxima vez no se hace otra vez, así que manténgase tranquilo y trate de hacerlo más fácil de mantener.