Unir varias hojas de estilo en 1

[_minimalnet_]

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 :)

[PatomaS]

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.

[_minimalnet_]

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 :)

[webosiris]

Iniciado por PatomaS

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.

[_minimalnet_]

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.

[_minimalnet_]

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 :)