Compresores de archivos CSS online
Al finalizar la maquetación de una web, es frecuente que nos demos cuenta que se nos ha ido la mano con las hojas de estilo, y pesan más de lo que deberían.
Para rebajar el peso de estos documentos y hacer la carga de las páginas más ligera, podemos recurrir a los típicos compresores de hojas de estilos que encontramos en internet.
Algunos de ellos son CSS Drive, Robson CSS Compressor y CSS Clean.
Para decidir cual es el mejor, he realizado unas pruebas con un archivo css cualquiera. He seleccionado uno de la tienda virtual Magento, de 26,4 KB (concretamente, el archivo boxes.css).
Utilizando siempre el nivel de compresión máximo para cada uno, los resultados son esclarecedores:
CSS Drive
Tamaño Original: 27957 bytes
Tamaño Comprimido: 21742 bytes
Compresión: 6215 bytes (22%)
Robson CSS Compressor
Tamaño Original: 26.47 kB (27,101 B)
Tamaño Comprimido: 19.93 kB (20,405 B)
Compresión: 6.54 kB (6,696 B) 24.71%
CSS Clean
Tamaño Original: 27.939KB
Tamaño Comprimido: Output: 20.611KB
Compresión: 7328 Bytes (26.2%)
Las diferencias sin ser espectaculares, si que llegan a notarse. Entre CSS Drive y CSS Clean hay un 4% menos de compresión.
Otra de las ventajas de CSS Clean, es que sus opciones van más allá de comprimir la hoja de estilos eliminando espacios en blanco y comentarios. Es capaz de rebajar el peso del documento sin que se resienta la estructura del documento que nos permite una cómoda visualización usando la notación “reducida” (shorthand). Hay que destacar que este compresor está basado en CSSTidy, un optimizador de hojas de estilo que está disponible para Windows, Linux y MAC OS X.
Haced vuestras pruebas y elegid el que más se adapte a las necesidades del trabajo.
Si eres nuevo, puedes subscribirte a nuestras noticias por RSS feed. Gracias por tu visita!
