¡Adelgazar es fácil!

Nunca viene mal optimizar el tamaño de las hojas de estilo o los scripts en una web, no solo por lo que puedes ahorrarte en ancho de banda, si no porque al cargar las páginas más rápidamente, el lector estará más satisfecho.

Después de probar el genial script PHP de IceBeat dedicado a este menester, me decidí a echar un vistazo en Google en pos de otras alternativas para realizar una especie de pequeña comparativa.

Partiendo de la hoja de estilo de esta web, con un tamaño inicial de 8.468KB, estos fueron los resultados:

  1. http://cdburnerxp.se/cssparse/css_optimiser.php
    6.111KB
  2. http://flumpcakes.co.uk/css/optimiser/
    6221KB
  3. http://icebeat.bitacoras.com/archivo/121/csscompiler-10
    6.333KB

Como vemos, el claro ganador fue la versión alojada en el sitio de CDBurnerXP Pro, que consiguió reducir el tamaño en un 27.8%, y que cuenta con otras ventajas, como el hecho de ofrecer varios perfiles permitiendo ajustar el nivel de compresión según el grado de legibilidad que queramos en el archivo final.

¿Alguna otra sugerencia? ¿Utilizáis esta clase de herramienta? y en caso contrario, ¿por qué?

Comentarios
  1. Normalmente no suelo autoreferenciarme, pero no tienes trackback, y he recordado una tecnica de compresion css que es bastante efectiva y sencilla, aqui podeis leer como hacerlo,
    Comprimir CSS al vuelo con PHP

    Responder

  2. Interesantes utilidades, directamente a los bookmarks.

    Yo, personalmente, creo que seguiré con la css comentada y “engordada”.

    Responder

  3. En Genbeta (hay que estudiar jeje) pusimos otro que quizas valga para el ejemplo:

    CSS Compressor

    Responder

  4. claro que tengo trackback alex 🙄
    mira donde acaban los comentarios, encima de “deja un comentario”

    de todas formas ahora no m tira tu web, pero supongo que el método al que te referirás será a usar gzip, con el módulo de apache o llamando desde php. mi servidor ya comprime todo lo que pilla, pero no todo el mundo puede utilizar esas técnicas

    Responder

  5. vaya, fallo técnico javier 😳
    que gran web genbeta, ¿eh? pedazo de autores 😆 😉

    Responder

  6. Vaya he perdido 🙁 cachis en la mar.

    Bueno al menos puedo decir que no todos esos compresores tienen la pseudoclase navegador ;P.

    p:mozilla { ohh yess!! }

    Responder

  7. icrave

    En mis tiempos que le daba a esto de las CSS y XHTML…prove un “compresor” de CSS…solo digo que tuve que hacerla de nuevo :(.

    Veo que han mejorado x’D.

    Responder

  8. un gran trabajo daniel 🙂 sigue así apañero. que estás hecho un gurú del css 🙂

    Responder

  9. hombre, es que evidentemente siempre hay que hacer copia de seguridad por si acaso icrave 😉

    Responder

  10. Gracias Zootropo ;P.

    Ahh por cierto me ha venido de perlas tus tutoriales de Javascript para meterle mano a AJAX.

    Responder

  11. Gracias, acabo de adelgazar casi un 34 % !!
    y en menos de un minuto! esto si que es una buena dieta y no lo que sacan en la tele..

    Responder

  12. Gracias Zootropo ;P.

    Ahh por cierto me ha venido de perlas tus tutoriales de Javascript para meterle mano a AJAX.

    me alegro 🙂 ya ví lo mona que tienes la web 😯

    Responder

  13. 8000 KBs? Hostia, pedazo de CSS de 8GB… 🙂 Supongo que serán 8,6 KBs 🙂

    Saludos!
    diego

    Responder

  14. los sajones utilizan el punto como separación entre entero y decimales, diego
    evidentemente son 8KB 😐

    Responder

  15. Está bien comprimir el CSS, pero una vez comprimido ¿funciona? 😆 Porque sino… 👿

    Responder

  16. hombre, al menos mi hoja de estilo si funciona igual que siempre

    Responder

  17. Reduciendo el tamaño de tus hojas de estilos, una revisión

    Hace pocos días atrás comenté acerca de la reducción en el tamaño en bytes de las hojas de estilo en cascada a través del uso de CSScompiler, en esta ocasión presentaré otras herramientas que cumplen el mismo fin, unas lo llevan a cabo mejor q…

    Responder

  18. Comprimir CSS al vuelo con PHP

    Sencilla técnica que nos permite ahorrar unos kb de ancho de banda en nuestros ficheros css

    Responder

  19. Y porque hacerlo al vuelo ? Acaso lo css los generas al vuelo ? No consume es tiempo y CPU ?

    Porque no guardas el css comprimido y haces que ese sea servidor por apache ?

    Responder

Deja un comentario