Comprimiendo archivos JavaScript con YUI Compressor

Publicado por Org el día 10 Nov 2009

Actualmente estoy instalando una librería de JavaScript que colorea el código fuente que uno escribe en una entrada o post, se llama SyntaxHighlighter . El problema es que tiene muchos archivos .js y por ende los visitantes tendrán que hacer muchas peticiones al servidor para obtenerlos.

Solución ?.. a comprimir JavaScript! :-)

Julien Lecomte uno de los ingenieros de Yahoo ha desarrollado YUI Compressor el cual comprime archivos Javascript y CSS, esta herramienta escrita en Java, elimina los espacios en blanco, saltos de linea, y reemplaza los nombres de variables por otras mas cortas. Para comprimir un Javascript o un CSS con YUI Compressor pueden utilizar la siguiente sintaxis en linea de comandos:

 java -jar build/yuicompressor-2.4.2.jar file-to-compress.js 

En donde file-to-compress.js es el archivo que deseamos comprimir, luego al ejecutar este comando se generará un archivo llamado file-to-compress-min.js. Si desean mas detalles puede ver el vídeo Using YUI Compressor.

Como a mi no me gusta estar acordándome de los path's y como tengo que ejecutar esta app, me hice un alias en mi ~/bashrc.

# hagamos de cuenta que nuestro archivo  
# yuicompressor-2.4.2.jar se encuentra en
# /home/pablo/

echo  "alias comprimir_js=\"java -jar /home/pablo/yuicompressor-2.4.2.jar\"" >> ~/.bashrc

# de esta forma cuando quiera comprimir un archivo 
# javascript solo tendré que ejecutar:

comprimir_js miArchivoGrande.js -o miArchivoChico.js

# : - ) Nice..

Espero que les sea de utilidad!.. funciona muy bien!.. ya esta comprimido el JS de SyntaxHighlighter, pueden ver el resultado aqui

Tags: JavaScript YUI

Comentarios: 0