Compresores de Javascript

Aunque ya son conocidos muchos de los compresores de javascript, hoy he estado buscando en Google sobre el tema y solo me he encontrado posts desactualizados y muy pocas comparativas en español que nos permitan tomar una decisión acertada.

En general los compresores de javascript se encargan de eliminar toda aquella información inútil para el intérprete de javascript, como los comentarios, espacios en blanco, tabulaciones, cambios de líneas innecesarios y algunos incluso achican los nombres de las variables y funciones para así obtener la máxima compresión y ofuscación posible.

Yo suelo compactar mis scripts más por ganar en velocidad de descarga que por ofuscar el código. Que copien mis códigos no me preocupa pues siempre termino publicándolos en algún sitio. No obstante siempre hay quien prefiere evitar que su código sea modificado y esta es una buena vía.

Aquí os dejo una comparativa de compresores de javascript, los más conocidos y otros que no sabía que existían y que he ido encontrando mientras escribía este post. Para la comparación he utilizado una archivo javascript de 82.6Kb y lo he comprimido con cada herramienta. Aunque no todos scripts se compactan con la misma eficiencia en dependencia del código utilizado, esto al menos nos dará una idea de la ganancia que obtendremos con cada herramienta.

YUI Compresor [Descargar]

Características:

• Renombra variables locales
• Elimina espacios en blanco y cambios de líneas
• Elimina comentarios
• Compacta también CSS
• Requiere Java 1.4 o superior

Forma de Uso:

1. Descompactamos el paquete descargado
2. A través de línea de comandos nos movemos al directorio “build”
3. Ejecutamos la siguiente línea de comandos, donde “archivo_original” es el camino completo archivo que deseamos comprimir y “archivo_comprimido” es el camino completo del archivo que resultará después de comprimido, si no existe se creará.

1

java -jar build/yuicompressor-2.1.1.jar archivo_original –o archivo_comprimido

Compresión Obtenida: 44.2Kb (44%)

JSMin [Descargar]

Características:

• Elimina espacios en blanco y cambios de líneas
• Elimina comentarios
• Funciona solo con juegos de caracteres ASCII o UTF-8
• Código fuente disponible en varios lenguajes como C, C#, Java, Javascript, PHP, etc, por lo que lo podemos utilizar en nuestros proyectos.

Forma de Uso:

1. Descompactamos el paquete descargado
2. A través de línea de comandos nos movemos al directorio descampactado
3. Ejecutamos la siguiente línea de comandos, donde “archivo_original” es el camino completo archivo que deseamos comprimir y “archivo_comprimido” es el camino completo del archivo que resultará después de comprimido, si no existe se creará. Si deseamos que se incluya un texto de copyright al inicio, opcionalmente podemos pasar “texto_copyright”. Note que los caracteres “<” y “>” son parte del comando y deben mantenerse.

1

jsmin  archivo_comprimido "texto_copyright"

Miguel Carmona ha desarrollado una versión online de JSMin
Compresión Obtenida: 60.4Kb (27%)

ShrinkSafe [Descargar] [Versión UTF-8]

Características:

• Renombra variables locales
• Elimina espacios en blanco y cambios de líneas
• Elimina comentarios
• Compacta también CSS

Forma de Uso:

1. A través de línea de comandos nos movemos al directorio donde está el .jar descargado
2. Ejecutamos la siguiente línea de comandos, donde “archivo_original” es el camino completo archivo que deseamos comprimir y “archivo_comprimido” es el camino completo del archivo que resultará después de comprimido, si no existe se creará.

1

java -jar shrinksafe.jar archivo_original > archivo_comprimido

No pude comprimir archivo de ejemplo utilizado puesto que me dio el siguiente error:

1
2
3
4
5
6
7
8
9

Exception in thread "main" java.lang.NoClassDefFoundError: org/mozilla/javascript/ErrorReporter
Caused by: java.lang.ClassNotFoundException: org.mozilla.javascript.ErrorReporter
at java.net.URLClassLoader$1.run(Unknown Source)
at java.security.AccessController.doPrivileged(Native Method)
at java.net.URLClassLoader.findClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at sun.misc.Launcher$AppClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClass(Unknown Source)
at java.lang.ClassLoader.loadClassInternal(Unknown Source)

Dean Edwards Packer
Está disponible como herramienta online(Javascript), muy cómodo si no queremos complicarnos con líneas de comandos. Pero también lo tenemos en infinidad de sabores: como ejecutable, .Net, Perl, Wsh, PHP5, y como plugin de Aptana.

Características:

• Renombra variables locales
• Elimina espacios en blanco y cambios de líneas
• Elimina comentarios
• Debido a que está basado en expresiones regulares presenta problemas con syntaxis poco convencionales como la del framework Prototype

Compresión Obtenida: 59.9Kb (27%)

CSS & JavaScript Compressor
Disponible como herramienta online. No encontré información de cómo comprime, pero también puede ser una buena opción si queremos olvidarnos de líneas de comando.

Compresión Obtenida: 49.8Kb (40%)

Bananascript.com

Características:

• Es una herramienta online, su creador asegura que los scripts serán eliminados del servidor pasado 24 horas de su compresión.
• Renombra variables locales
• Elimina espacios en blanco y cambios de líneas
• Elimina comentarios
• Compacta también CSS

Compresión Obtenida: 22.1Kb (73%)

CompresorJavascript

Es otra herramienta online muy fácil de usar. Su grado de compactación es bastante alto, pero utiliza un algoritmo de compactación y luego se descompacta antes de ejecutarse haciendo uso de la función “eval” de javascript. Por este motivo no lo recomiendo porque implica un procesamiento extra que puede ralentizar la ejecución de la página y tal vez no compense la velocidad de descarga ganada.

Compresión Obtenida: 35.0Kb (58%)

Resumiendo:

Soy Alfredo Artiles, Co-Fundador de equipo24, e24Presenter y e24Apps. Mi pasión es el AJAX, SEO, SEM y emprender todo lo que se me ponga por delante. Si me necesitas estoy 24x7 en Twitter @aartiles24.

• Versión online de YUI Compressor
• isArray en javascript sin instanceof
• Cómo crear un bookmarklet
• Calendario del WordPress