Herramienta de minificación Javascript

Combicación Javascript toma el código JS bonito y bien formado que ha escrito y elimina el espaciado, sangría, nuevas líneas y comentarios. Estos no son necesarios para que Javascript se ejecute correctamente. También hace que el Javascript sea más difícil de leer al ver la fuente.

Muchos desarrolladores mantendrán una versión «bonita», y tras la implementación de su proyecto ejecutarán sus scripts a través de un programa de minificación. También a menudo combinan sus muchos archivos de script en un solo archivo.

Un ejemplo de Minify

Ante :

/* Show transparent overlay */
function pageOverlay() {
	$("#overlay").height($(window).height());
	$("#overlay").width($(window).width());
	$("#overlay").show();
}

Después :

function pageOverlay(){$("#overlay").height($(window).height());$("#overlay").width($(window).width());$("#overlay").show();}

¿Por qué usar Javascript Minifier?

El propósito de la minifcación es aumentar la velocidad de un sitio web. La minimización puede hacer que un script sea hasta un 20% más pequeño, lo que resulta en un tiempo de descarga más rápido. Algunos desarrolladores también lo usarán para 'ofuscar' su código. Esto dificulta la lectura del código, lo que hace que sea más difícil realizar ingeniería inversa o copiar.

También es práctica común combinar todos los archivos Javascript para un solo sitio web en un solo archivo. Esto tiene una serie de beneficios. Reduce el número de solicitudes HTTP que se deben realizar para obtener todos los elementos de un sitio web. También hace que la minificación y la compresión gzip sean más efectivas.

Enlaces externos

• Más información sobre Minification (Wikipedia)