Recomendación para cantidad de hojas de estilo css en una web

[salvador86]

Hola estoy creando un sitio web basado en css y con etiquetas "<div>", tiene 6 secciones un con formato algo diferentes, así que solo he creado una sola hoja de estilo para toda la web, en este css he especificado toda la estructura como el formato de la pàgina y es relativamente mucho código.

En algunas pagina me fije que no solo tienen una hoja de estilo, sino muchas, por ejemplo:

<link href="css/estructura.css" rel="stylesheet" type="text/css" />
<link href="css/formato.css" rel="stylesheet" type="text/css" />
<link href="css/sec-home.css" rel="stylesheet" type="text/css" />
...

Yo solo hago una pues creo que así, se hara un solo llamado a la hoja de estilo, y ganaré velocidad. Tengo la duda que si por el contrario, al hacer un solo llamado el navegador tenga que leer todo el "relativamente mucho código", aunque una sección de la página no lo requiera y así me página se ponga lenta.

Quisiera que me ayuden a comprender si hago bien en tener una sola hoja de estilo o por el contrario para ganar velocidad, tengo que dividir en diferentes hojas de estilos: sea para el formato, estructura, etcetera. Muchas gracias por ayudarme.

Nota: También si solo tengo una sola libreria js gano velocidad, quisiera comprender.

[emiliodeg]

mientras mas hojas de estilo mas peticiones al servidor ergo va a estar mas cargado y puede conllevar a q se caiga auqn para qu esto suceda tenes q tener un flujo muy grande de usuarios

[00siete]

Yo creo que depende de la cantidad de estilos diferentes que tengas y si se usan simultáneamente o no.
Si todos los estilos se usan siempre en todas las páginas, yo usaría solo un fichero.
Pero si algunos estilos se usan con unas paginas y otros con otras, puede ser interesante identificarlos y agruparlos en ficheros distintos. Pero claro si eso te genera muchos ficheros con pocos estilos cada uno puede ser muy tedioso mantener tantos ficheros. Aunque en éste ultimo caso, si tus páginas son generadas dinámicamente (PHP, PERL o similar) una buena alternativa sería incluir los estilos directamente en la página HTML (el programa los incluiria directamente del fichero apropiado del servidor).

[salvador86]

Gracias Emiliodeg y OOsiete por constestar, entiendo que identificar a las hojas de estilos, para separarlos es un tipo de estetica, creo que seguir con una hoja de estilo es una buena alternativa, aunque sigo con una duda:

Si por ejemplo en mi hoja de estilo tengo las 2 siguientes intrucciones:

#est-programas {
background: url(../imagenes/img-programas.gif);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:780px;
height:44px;
text-align:right;
}
#js-idioma {
margin:0 0;
padding:0px 0px;
text-align:left;
float:left;
width:220px;
}

Y en pagina, ejemplo: pagina1.html solo necesita la instrucción "est-programas", al momento de hacer el llamado de la hoja de estilo, ¿carga las dos instrucciones aunque solo necesite uno? Si es así ¿Esto generaría lentitud?, pues imaginense que tenga en mi hoja de estilo muchas lineas de código css y tenga de cargar todas las instrucciones, para recien usar unas cuantas.

O ¿solo llama las instrucciones que necesita?. Gracias por darse el tiempo de dar respuesta a mi duda.

[00siete]

La "lentitud" se establece en el tiempo de descarga del fichero .css, pues el tiempo que el navegador necesita para cargar en su memoria los distintos estilos es totalmente despreciable (milésimas de segundo). El navegador cargará en su memoria todos los estilos y utilizará los que necesite.

En cuanto a la penalización por descargar un fichero o más puedes ver el comentario de otro forero en éste post: http://www.forosdelweb.com/2427204-post7.html