Sencilla herramienta online para comprimir el CSS

Cuando empezamos a personalizar el blog, rara vez pensamos en el tiempo de carga, es normal, ya que el entusiasmo de ver cambios en nuestro blog hacen que nos olvidemos de cosas que también son importantes. Cada caracter que tu pongas, espacios, comentarios etc, ocupan espacio, por ello, una buena forma de hacer que el CSS que usamos sea más ligero, es comprimirlo.



Aunque comprimir el CSS no se reduce tanto el peso de nuestro documento, comparado por ejemplo, con optimizar las imágenes, cualquier cosa que ayude a aligerar la carga del blog, es bienvenida. Existen varias herramientas para lograrlo y una que me gustó, y que conocí gracias a Balluart, es CSS Drive.



Con CSS Drive, es posible comprimir el CSS y concervar los comentarios dentro de este, para poder localizar el CSS que corresponde a cada sección, considerando que al comprimirlo, se hace más difícil de leer para nosotros, al momento de querer editarlo.



Para mantener los comentarios, elige la opción "Don't strip any comments", (como se muestra en la imagen) aunque antes de comprimir tu CSS puedes eliminar comentarios adicionales que estén dentro del código, que son los que están entre: /*...*/, y mantener solamente el comentario que viene al comienzo de los estilos de una sección específica, por ejemplo: del header, del menú de navegación  etc, aunque es tu decisión.

Si vas a comprimir todo el CSS de tu plantilla, puede ser buena idea que antes exportes tu blog, o bien, guardes el CSS en un archivo de texto, por cualquier cosa (te arrepientas, etc) y por supuesto, antes de guardar los cambios con el nuevo CSS comprimido, verifica en vista previa que todo luzca bien.