Fichero único CSS vs. varios ficheros

[juanfuentes]

Hola!

Desde hace tiempo tengo una duda sobre la estructura de las hojas de estilo y me gustaría saber qué opináis, o cómo acostumbráis a trabajar.

La cuestión es si organizar todo el código CSS en un único fichero (comentado, agrupado por secciones...) o separando el código en varios ficheros según su función.

Teniendo un único fichero, la primera vez que se lo baja el navegador tiene que bajarse todo el código, incluso estilos que no se utilizarán en la página actual. Por otro lado, como los ficheros CSS son cacheados por el navegador, luego no volverá a bajárselo (mientras lo tenga en caché, claro).

Con múltiples ficheros, se puede indicar en cada página qué ficheros son necesarios para maquetar esa página. Esto supone menos ancho de banda necesario baja visualizar la página completa. Pero también implica un mayor número de peticiones, una por cada fichero .css que tenga que cargar.

¿Cómo os organizáis vosotros?

Gracias ;)