¿Qué biblioteca de miniaturas javascript produce mejores resultados?

Question

Entre Yahoo! UI Compressor, Dean Edwards Packer y jsmin, que produce mejores resultados, tanto en términos de huella resultante y menos errores al ofuscar.

Answer 1

Mejor es un poco subjetivo aquí, ya que hay varios factores a tener en cuenta (incluso más allá de los que la lista):

1. tamaño comprimido no cuenta toda la historia, desde un compresor agresivo puede resultar en más lenta tiempo de ejecución debido al tiempo adicional necesario para ejecutar el código de desempaquetado antes de la interpretación del navegador.
   • Los errores son más fáciles de evitar cuando se controla el código de entrada: el uso prudente de los puntos y comas recorre un largo camino. Ejecute JSLint sobre su código y solucione los problemas informados.
   • El estilo y el tamaño del código en sí afectarán los resultados, por supuesto.
   • Y, por último, vale la pena tener en cuenta que la compresión gzip del lado del servidor siempre resultará en una descarga más pequeña que cualquier compresión de código, aunque algunas herramientas de compresión de código se combinarán con gzip con mayor eficacia.

Mi recomendación es ejecutar el código que va a comprimir a través de varios compresores (una herramienta de comparación automatizada como CompressorRater ayuda ...), y elegir en base a los resultados - recordando a probar, el perfil y compare los tiempos de carga de la página real después.

Answer 2

Como usuario de Mootools, veo que Mootools ha reemplazado a Dean Edwards 'Packer por YUI Compressor. También recuerdo que hubo una discusión en Ajaxian.com donde Julien (autor del compresor) señaló las áreas donde YUI Compressor lo hizo mejor. Utilicé Compressor y nunca he visto ningún problema, pero nunca he estudiado a qué produce menos errores al ofuscar.

Answer 3

El compresor YUI se comprime de forma más segura y compacta que Packer. Creo que Packer necesita el JavaScript para estar perfectamente formado, de lo contrario causará un error de JavaScript cuando se cargue el script. Aún así, independientemente de cuál use, obtendrá el mayor aumento de rendimiento al comprimir su archivo Gz.

Answer 4

Una gran manera de comparar las mejores compresores es The JavaScript CompressorRater por Arthur Blake.

Lo que está por lo general interesa es el tamaño después de comprimir con gzip (se debe configurar el servidor web para realizar la compresión).

Los mejores resultados son por lo general de la YUI Compressor o Dojo ShrinkSafe. Las diferencias eran tan pequeñas que después de un tiempo dejé de comparar y solo uso el compresor YUI.

EDIT: desde el momento original en que se formuló esta pregunta, se han lanzado 2 nuevos minificadores. Ambos son al menos tan buenos como el YUI Compressor, si no mejor que ellos.

• Google Closure Compiler. Incluye un agresivo modo advanced optimization que a veces se aplica.
• de Microsoft Ajax Minifier (búsqueda this page para "Minifier")

EDIT 2:

• UglifyJS, elegido por el equipo de jQuery para el 1,5 lanzamiento oficial

Answer 5

Definitivamente echa un vistazo a Dojo Shrinksafe. Fue revisado recientemente y aparentemente el rendimiento ha sido mejorado.

Answer 6

También hay un puerto de YUICompress for .NET (que incluye una tarea de compilación para TFS) en Codeplex.

Answer 7

Esta es una vieja pregunta y el Google Closure Compiler no existía entonces. No lo he usado todavía, pero parece realmente bueno.

Answer 8

Divulgación completa, estoy detrás de esto: http://www.toptensoftware.com/minime que hace la minificación, la ofuscación y un conjunto razonable de controles de estilo de pelusa. Actualmente produce un rendimiento menor que Yui, no tan bueno como Closure.