Herramienta Minificar Javascript
Minificar Javascript toma el bonito y bien formado código JS que ha escrito y elimina el espacio, la sangría, las líneas nuevas y los comentarios. Estos no son necesarios para que Javascript se ejecute correctamente. También hace que Javascript sea más difícil de leer al ver la fuente.
Muchos desarrolladores mantendrán una versión "bonita" y, al implementar su proyecto, ejecutarán sus scripts a través de un programa de minificación. También suelen combinar sus numerosos archivos de secuencias de comandos en un solo archivo.
¿Por qué usar Minificador de Javascript?
El propósito de la minificació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 dificulta la copia o la ingeniería inversa.
También es una 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 la cantidad de solicitudes HTTP que deben realizarse 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.
Ejemplo de minimización de Javascript
Javascript embellecido:
var a = document.createElement('a');
mimeType = mimeType || 'application/octet-stream';
if (navigator.msSaveBlob) {
navigator.msSaveBlob(new Blob([content], {
type: mimeType
}), fileName);
} else if (URL && 'download' in a) {
a.href = URL.createObjectURL(new Blob([content], {
type: mimeType
}));
a.setAttribute('download', fileName);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
} else {
location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
}
Se convierte en esto minificado:
var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}