Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Recomendación para cantidad de hojas de estilo css en una web en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/05/2008, 13:09
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Sonrisa Recomendación para cantidad de hojas de estilo css en una web

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:
Cita:
<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.
  #2 (permalink)  
Antiguo 30/05/2008, 00:49
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Recomendación para cantidad de hojas de estilo css en una web

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
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 30/05/2008, 02:46
 
Fecha de Ingreso: marzo-2008
Mensajes: 306
Antigüedad: 9 años, 8 meses
Puntos: 6
Respuesta: Recomendación para cantidad de hojas de estilo css en una web

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).
__________________
Pop & Rock Bands
Pop Music Stars
  #4 (permalink)  
Antiguo 30/05/2008, 10:30
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Respuesta: Recomendación para cantidad de hojas de estilo css en una web

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:
Cita:
#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.
  #5 (permalink)  
Antiguo 30/05/2008, 11:34
 
Fecha de Ingreso: marzo-2008
Mensajes: 306
Antigüedad: 9 años, 8 meses
Puntos: 6
Respuesta: Recomendación para cantidad de hojas de estilo css en una web

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
__________________
Pop & Rock Bands
Pop Music Stars
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:52.