Optimiza tu código CSS

This post was published 10 years ago. It may be exremely outdated.

Cuando diseñamos y escribimos nosotros mismos el código o incluso cuando usamos algún editor visual solemos añadir algunas líneas de código que luego no son necesarias, están vacías o simplemente aplican las mismas propiedades que otras líneas escritas antes.

Revisar y optimizar el código de forma manual es posible (aunque cansado) cuando tenemos un par de centenares de líneas de código, pero llegado al punto de las mil líneas de código (y en adelante aún más), se hace un mundo tener que revisar el código en busca de alguna línea que sobre y pueda reemplazarse por una más corta o simplemente suprimirse.

Además, en estos casos el esfuerzo no compensa el resultado, ya que a veces no logramos reducir prácticamente nada del código original, y tan sólo perdemos el tiempo revisando nuestro código.

Aunque no tenemos por qué revisar el código a mano, ya que podemos usar CSS Tidy, un programa libre que revisa y optimiza nuestro código CSS, juntando las líneas que aplican los mismos atributos, reemplazando los códigos de color de 6 cifras por los de 3 (en los casos en los que es posible), elimina los comentarios y espacios innecesarios, etc.

CSS Tidy no sólo está disponible en un ejecutable, sino que dispone de una versión online en la que basta con introducir nuestro código CSS para que nos muestre el mismo optimizado, logrando devolver un archivo de hasta un 25% menos de tamaño (al menos en mis pruebas) y con los mismos resultados.

Podéis probar la versión online de CSS Tidy, descargar el ejecutable de CSS Tidy o visitar la página oficial para más información.

One Response to Optimiza tu código CSS

Voy a probarlo… a ver si además de optimizar mi css corrige sus errores (no quiero nada, ja!)

Leave a Reply