milmazz

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 que otras.

Nacho, uno de los responsables de Microsiervos, nos presenta dos alternativas más, la primera de ellas es CSS Optimiser, si lo desea puede leer acerca de CSS Optimiser para obtener mayor información. De todas maneras, a continuación un resúmen de las características de esta herramienta.

Características de CSS Optimiser

• Elimina los comentarios.
• Elimina los espacios en blancos (por ejemplo, el exceso de espacios).
• Opción que permite convertir valores RGB a Hexadecimal (estos últimos son más pequeños).
• Convierte valores hexadecimales bajo el formato #RRGGBB a #RGB.
• Produce cambios en los valores, como por ejemplo border: 1px 2px 1px 2px; en border: 1px 2px;
• Convierte múltiples atributos de background, font, margin, padding, list en una simple lista de atributos.
• Convierte múltiples valores de la propiedad border en una simple lista de atributos.
• Se da la opción de convertir valores absolutos (por ejemplo: px o pt) en valores relativos (em).
• Agrupa atributos y valores de estilos que aparecen en varias ocasiones en un solo estilo.

Ahora bien, la segunda alternativa que nos plantea Nacho, CSS Compressor solo nos brinda la oportunidad de eliminar los espacios en blancos y fusionar lo mayor posible el contenido, por ejemplo:

Código fuente CSS original:

body{
  /* Propiedades de fondo */
  background-color:#666666;
  background-image: url(image.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 100%;
}

Resultado:

body{background-color:#666666;background-image:url(image.png);background-position:bottom right;background-repeat:no-repeat;background-attachment:fixed;font-size:100%}

Para muchos este nuevo formato puede ser practicamente ilegible, es cierto, pero en realidad ofrece cierta reducción al tamaño de las hojas de estilos en cascada.

Pages: 1 2 3