Foros del Web » Creando para Internet » CSS »

Unir varias hojas de estilo en 1

Estas en el tema de Unir varias hojas de estilo en 1 en el foro de CSS en Foros del Web. Hola, la plantilla de mi blog era muy liosa, tenía tela de skins (que no usaba), cada uno su css propio y además de eso ...
  #1 (permalink)  
Antiguo 18/11/2007, 07:22
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 11 años
Puntos: 6
Sonrisa Unir varias hojas de estilo en 1

Hola, la plantilla de mi blog era muy liosa, tenía tela de skins (que no usaba), cada uno su css propio y además de eso 3 hojas de css generales (style, main, entry-content), o sea que para funcionar bien habían 4 css en marcha.

A mi, aparte de que me parecía mucho, esto me creaba complicaciones a la hora de editar, ¿en qué parte estaba lo que buscaba? jajaja, tenía que repasar las 4 hojas de estilo (las 3 generales y la del skin que uso).

Bien, al final ayer estaba ocioso y decidí primero unir en 1 las 3 partes generales y después añadirle la parte del skin, por lo que al final tengo todo el css que usaba en una hoja de estilos y en total ocupa 26 kb y el del resto de skins los borré.

Además de eso la comprimí y la validé, o eso intenté, con estas 2 webs, http://www.cleancss.com/ y http://validator.w3.org/#validate_by_uri+with_options

Mi pregunta es, ¿todo esto que he hecho es trabajo en vano o ahora, aparte de mi comodidad, la web cargará más rápido?.

¿Es demasiado pesada una hoja de estilos de 26 kb?.

Muchas gracias :)
__________________
mi blog --> www.minimalnet.org
  #2 (permalink)  
Antiguo 18/11/2007, 09:00
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 8 meses
Puntos: 63
Re: Unir varias hojas de estilo en 1

Hola

Tu pregunta, aunque muy valiosa, no tiene una respuesta directa.

Verás.

Cada archivo vinculado, independientemente de su tamaño, requiere una solicitud HTTP al servidor, así que menos archivos representan menos llamadas al servidor y menos esperas de respuesta. Este proceso es prácticamente instantáneo, aunque la recepción por parte del usuario está afectada por otras tantas variables.

Unir los archivos aumenta el peso, lo cual hace que tenga ser seccionado en más paquetes a través del protocolo de envío, con lo cual, el total final será mayor que los pedazos debido a los bits extra de información de enrutamiento, al menos en teoría. La práctica requeriría un profundo conocimiento de la configuración del servidor.

Así que no hay respuesta final como puedes ver.

Sin embargo, en principio, basado en los tamaños que posiblemente tenían esos archivos y en el tamaño final del que armaste, te diría que no hay diferencia notable.

Las ventajas organizativas de los diversos archivos se pierde al unirlos. La ventaja de edición se gana.

Las ventajas del cache son las mismas.

Así que no ha sido trabajo en vano ya que ahora lo tienes más cómodo. SObre el peso final, no, no es muy pesada.

Felicidad

P.D.
Posiblemente no es la respuesta de carácter definitiva que esperabas, pero espero que te ayude.
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 18/11/2007, 09:27
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 11 años
Puntos: 6
Re: Unir varias hojas de estilo en 1

Ay pues muchas gracias por explicarlo todo tan bien, es que menuda paliza me di anoche porque yo de css muy poco..., así que lo hago todo por intuición, por lo que no sabía si habría hecho bien o mal al montar todo este tinglado :)
__________________
mi blog --> www.minimalnet.org
  #4 (permalink)  
Antiguo 18/11/2007, 09:53
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Unir varias hojas de estilo en 1

Cita:
Iniciado por PatomaS Ver Mensaje
SObre el peso final, no, no es muy pesada..
aunque estoy de acuerdo que 26 Kb hoy en día y "abstractamente" no son demasiados, me llama la atención ese peso.

Lo digo porque yo manejo CSS bastante largos y complejos, generalmente de + de 300 o 400 líneas, y no llegan a pasar los 10 Kb... ahora mismo estoy editando un css de 460 línas y pesa 9.3 Kb... así que para mi 26 Kb para una hoja de estilos creo que SI es mucho. Posiblemente tengas muchos datos duplicados.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 18/11/2007, 10:45
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 11 años
Puntos: 6
Re: Unir varias hojas de estilo en 1

Pues no sé si duplicados, lo que si hay es mucho css que no uso porque es un skin con mucha pijada, voy a intentar quitar todo lo que no use para ver si disminuye de tamaño.
__________________
mi blog --> www.minimalnet.org
  #6 (permalink)  
Antiguo 18/11/2007, 11:30
Avatar de _minimalnet_  
Fecha de Ingreso: diciembre-2006
Ubicación: Valencia
Mensajes: 302
Antigüedad: 11 años
Puntos: 6
Re: Unir varias hojas de estilo en 1

Puf, no me voy a calentar más la cabeza porque entre ayer y hoy, me va a estallar jajaja, estoy de css hartito ya.

La hoja de estilos es grande pero yo he notado que el blog carga mejor y para mi hay menos dificultades a la hora de editarla, así que por ahora lo dejo estar.

Muchas gracias a todos por las respuestas :)
__________________
mi blog --> www.minimalnet.org
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 18:22.