Comprimir y ofuscar archivos Javascript

Tweet

El uso de Javascript ha aumentado mucho en estos últimos años, esto provoca que cada vez haya más sitios con grandes cantidades de código Javascript, los archivos Javascript los descarga el navegador de manera que es visible para cualquier persona, por lo tanto con la compresión y ofuscación de nuestros archivos javascript conseguiremos solucionar varios problemas: ahorrar ancho de banda (minimizando el código), ocultar el contenido (ofuscando el código) y agilizar la carga en el cliente (minimizando el código y usando gZip).

Por lo tanto estas técnicas se centran en cuestiones como la seguridad del código y el tamaño de los archivos Javascript.

Minimizar código

En esta técnica es importante diferenciar bien los archivos de producción y desarrollo ya que es casi imposible trabajar sobre código minimizado, básicamente de lo que se trata es de eliminar comentarios, tabulaciones y espacio consiguiendo una importante disminución del tamaño final del archivo Javascript.

No se modifica en nada el funcionamiento del código Javascript y no requiere de ninguna herramienta adicional para leer el código ya que este se mantiene intacto.

Ofuscar código

Esta técnica primero minimiza el código y luego cambia algunas partes de código buscando principalemente seguridad y optimización (cambiando nombres de variables y funciones).

Obviamente estos cambios de código pueden traer ciertos problemas ya que algunas de sus funcionaes pueden dejar de funcionar.

Hay numerosas herramientas para desempeñar está técnica, estas son algunas de ellas: YUI Compressor, Packer, JSCruncher Pro, Dojo ShrinkSafe, JSMart, Minify JS.

Compresión de código

Con esta última téxnica conseguirimos comprimir código, ya sea un .js, un .css o .html, el navegador tendrá que descomprimir y ejecutar el código generado con la consiguiente carga que ello conlleva, sin embargo estaremos ahorrando ancho de banda.

No todos los navegadores soportan gZip y en caso de soportarlos algunos como Internet Explorer 6 puede presentar errores.