Optimiza JavaScript con Closure Tools

Closure Tools es un conjunto de herramientas desarrolladas por Google para optimizar y depurar javascript para desarrollar aplicaciones web potentes y eficientes .

Closure Tools esta compuesto por:

  • Closure Compiler una herramienta para minimizar o compactar los archivos Javascript.
  • Closure Inspector que es un plugin para Firebug que permite depurar código javascript compactado
  • Closure Library una librería JS al estilo de Mootools o jQuery
  • Closure Templates es un sistema para crear dinámicamente templates html e interfaces de usuario reutilizables.

closure

Closure Compiler
De entre estas utilidades la que mas uso tiene a mi parecer es Closure Compiler para la aceleración de carga de nuestros archivos JS. Hay varias formas de utilizarlo, la primera es una versión online, para ello pueden acceder a http://closure-compiler.appspot.com/ en donde colocamos el código fuente original, primero verificará que no presente ningún error y luego generará la versión minificada.

closure-compiler

También podemos descargar la aplicación en un archivo compiler.jar el cual podemos ejecutar el línea de comandos para minificar rápidamente los archivos Javascript.

Una ves descargado el archivo compiler.jar y si tienes un archivo llamado functions.js podemos compactarlo con los siguiente comandos el cual devolverá un archivo llamado function-min.js.

java -jar compiler.jar --js functions.js --js_output_file functions-min.js

Como pueden ver es muy sencillo de utilizar y podemos optimizar el tamaño de nuestros archivos JS el cual es un punto muy importante para acelerar la carga de nuestras webs.

Comentarios Total 4 comentarios

Andrés
Publicado: 14/11/2009 9:38 pm

Sólo comentar que Closure no fue escrita por desarrolladores javascript y tiene por tanto muchos problemas todavía, con lo cual no sé hasta que punto es correcto el título del post, ya que en realidad su uso puede derivar justamente en lo opuesto.
En estos enlaces (principalmente el último refiere a la herramienta aquí citada), puede verse mejor de qué hablo:
http://www.sitepoint.com/blogs/2009/11/12/google-closure-how-not-to-write-javascript/
http://webreflection.blogspot.com/2009/11/google-closure-im-not-impressed.html
Para minimizar, nada mejor que packer, la herramienta de Dean Edwards.

unijimpe
Publicado: 14/11/2009 11:52 pm

Efectivamente tiene una librería semejante a Mootools o jQuery pero estas ultimas son frameworks maduros y estables con amplio soporte en la comunidad OpenSource.

Respecto a minificar, para mi gusto es preferible utilizar YUI Compressor pero siempre es bueno tener otras opciones.

Roy Homar
Publicado: 15/11/2009 4:10 pm

hmmm no me gusto, todavia le falta para llegar al nivel de packer http://dean.edwards.name/packer/ si usas apache en combinacion con mod_deflate va de la ostia :P

Jose Miguel
Publicado: 05/05/2012 12:15 pm

Gracias por el aporte, me ha servido de mucho :)

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)