Optimizar y minimizar javascript en Eclipse
Posted: julio 28th, 2011 | Author: Michael | Filed under: Front-End | Tags: eclipse, javascript, minify, performance, plugin | 2 Comments »He encontrado un plugin de Eclipse que permite optimizar y minimizar los JS con tal solo un clic. Se llama Rockstar Optimizer & Amazon WS Tools y realmente es muy sencillo de usar. Con las primeras pruebas que he hecho he tenido muy buenas sensaciones.
Los pasos para instalar el plugin son*:
- Ir a “Help -> Install New Software -> Add”
- Introducir datos
- Name: “Rockstar Optimizer”
- Url: “http://update.rockstarapps.com”
- En la lista que se carga debajo, checkear los componentes que quieres instalar (yo puse todos)
- Ir dando al botón NEXT hasta finalizar la instalación.
- Te pedirá que resetees el Eclipse. “Yes”.
* La versión Eclipse que he usado para instalar el plugin es “Eclipse IDE for JavaScript Web Developers. Version: Helios Service Release 1. Build id: 20100917-0705″
Cómo usar Rockstar Optimizer
Una vez instalado el plugin, es muy fácil de usar. Tan solo has de seleccionar el archivo JS (o los archivos JS) que quieres comprimir y/o minimizar y darle al botón derecho. Aparecerá una opción nueva denominada “Rockstarapps”. Dentro de esta opción aparecerán las diferentes acciones que puedes aplicar como:
- Comprimir Javascript
- Validar JsLint
- Concatenar Javascripts (si seleccionaste varios)
La primera acción de comprimir es la que más me interesa y está bastante bien porque la acción es altamente personalizable. Te da a elegir diferentes modos de compresión como el YUI Compressor, o el Closure Complier de Google. Después hay una serie de opciones para configurar el nivel de compresión y validación que se quiere aplicar.
La ventajas de añadir un paso “Build” en la fase de desarrollo
Optimizar los ficheros JS y reducir el número de peticiones está en el orden del día. En la actualidad hay una gran variedad de opciones y alternativas para realizar un “Build”. Se pueden crear procesos Ant en el Eclipse o Netbeans, se puede incluso automatizar este proceso para que lo haga el propio servidor, existen herramientas online que te minimiza y comprime cualquier script o fichero JS, etc.
Lo que me ha gustado de este plugin Rockstar Optimizer es su facilidad de uso y que está integrado en el editor que uso a diario para programar.
¿Lo has usado? ¿Cuál es tu impresión?
Fuente: rockstarapps
Realmente, está interesante esta suite de plugins de Eclipse. A mi sobretodo destacaría la integración de JSLint en Eclipse, pues es el qué a la hora de desarrollar encontraría más útil. El tema de la compresión/minificación de JS en tiempo de desarrollo, no la veo tan útil si antes se debe hacer debug en algun entorno de pre-producción. Veo quizá más efectivo realizar esa compresión/minificación durante el deploy de la app en producción.
Un saludo!
Sí, lo más óptimo es realizar la compresión/minificación durante la fase de build o deploy, lo que pasa es que en algunas empresas (qué te voy a contar a ti xD) no se trabaja con las condiciones más óptimas, y a veces toca hacer cosas manualmente.
Saludos!