WebAdictos - Una dosis diaria de web

Si queremos optimizar el peso de nuestro sitio una buena forma es comprimiendo las hojas de estilo, ya hemos visto en webadictos herramientas para comprimir archivos javascript,  YUI Compressor que ademas de comprimir javascript tambien nos permite comprimir hojas de estilo. Pero nunca esta de mas otra herramienta. Se trata de CSS Compressor creada por CSS Drive la cual nos permite optimizar y comprimir nuestros archivos de hojas de estilo directamente en linea.

Su utilización es muy sencilla; pegamos todas nuestras clases en el area de texto, seleccionamos el nivel de compresión que deseamos y presionamos el boton compress it. En segundos nos presentara la versión comprimida de nuestro archivo CSS.

Muy útil cuando nuestras hojas de estilo estan muy pesadas y queremos ahorrar un poco de ancho de banda.

Enlace: CSS Compressor

Vía: BaluArt

En WebAdictos ya habiamos mencionado de herramientas que te permiten comprimir archivos Javascript, pero no esta demas mencionar esta herramienta que me he encontrado hoy (leyendo Scriptia) se trata de YUI Compressor una utilidad escrita en Java y que utiliza Rhino para analizar el código Javascript.

Según el autor, YUI Compressor mostro diferencias favorables del 18% comparado con JSMin y del 10% con Dojo Compressor al comprimir la libreria YUI (Yahoo User Interface) .

Para utilizar esta herramienta se necesita tener instalado la maquina virtual de Java >= 1.4.

- Descargar YUI Compressor

Modo de Utilización de YUI Compressor

Sintaxis:

Ejemplo:

Enlace: YUI Compressor

Posts Relacionados:

• Comprimir Tus Archivos Javascript

Via: Scriptia

Hoy en dia con el uso de AJAX nuestros archivos javascript pesan cada ves mas por lo que para optimizar la carga de nuestros sitios lo recomendable seria comprimir el peso de nuestros archivos. Existen varias herramientas que hacen esta tarea entre ellas estan:

Packer de Dean Edwards

Puedes comprimir tus archivos en linea y ademas nos ofrece la descarga de su aplicación en .NET, PERL y PHP.

[Acceder a Packer]

Rhino

Esta herramienta escrita en JAVA nos la provee el Framework DOJO que es la que utilizan para comprimir sus librerias. pueden descargarla desde la siguiente dirección:

http://svn.dojotoolkit.org/dojo/trunk/buildscripts/lib/custom_rhino.jar

Un ejemplo de su uso seria el siguiente:

Pueden obtener mas información en la siguiente página: http://dojotoolkit.org/docs/shrinksafe

Ademas por si no queremos bajarnos el Rhino tambien nos proveen de un servicio en linea mediante el cual podemos comprimir nuestros archivos.

[Acceder a ShrinkSafe]

BananaScript

Este es otro sitio mediante el cual podemos trepar nuestros archivos para comprimirlos y ofuscarlos. Este sitio no presenta una herramienta offline como los anteriores lo que puede ser una desventaja, pero es el que mas nivel de compresion me ha dado. La única desventaja es que al parecer solo trabaja para el charset iso-8859-1

[Acceder a BananaScript]

Personalmente recomiendo BananaScript ya que de los 3 es el que mejor me ha comprimido los archivos y ademas me los ofusca sin ningun error al momento de ponerlos en mis sitios. Las otras 2 herramientas igual son buenas Packer me funciono sin seleccionar ningun método de encriptación de lo contrario al momento de poner los archivos en mi sitio me marcaba error y Rhino comprime bien solo no encontre la manera de que me eliminara comentarios, espacios en blanco y saltos de linea (alguien que lo use y me diga jeje) pero pude hacer una combinación entre Rhino y Packer que si me daba buenos resultados de compresión pero sin poder ofuscarlos.

Post Relacionado: Incluye tus Archivos JS y CSS Cuando los necesites

Gracias a frogx3 por el enlace de BananaScript (jejeje ya me reclamo en los comentarios :p)