JavaScript Herramienta Minify: minificador y compresor de JavaScript gratuito en línea

Herramienta de minificación de Javascript

Minificar Javascript elimina el espaciado, la sangría, los saltos de línea y los comentarios del código JS bien estructurado que has escrito. Estos no son necesarios para que Javascript funcione correctamente. Además, dificulta la lectura del código fuente.

Muchos desarrolladores mantienen una versión optimizada y, al implementar su proyecto, ejecutan sus scripts mediante un programa de minimización. También suelen combinar sus numerosos archivos de script en uno solo.

¿Por qué utilizar Javascript Minifier?

El propósito de la minimización es aumentar la velocidad de un sitio web. La minimización puede reducir el tamaño de un script hasta en un 20 %, lo que resulta en una descarga más rápida. Algunos desarrolladores también la utilizan para ofuscar su código. Esto dificulta su lectura, lo que dificulta la ingeniería inversa o la copia.

También es habitual combinar todos los archivos Javascript de un sitio web en un solo archivo. Esto ofrece varias ventajas. Reduce la cantidad de solicitudes HTTP necesarias para obtener todos los elementos del sitio web. Además, aumenta la eficacia de la minificación y la compresión gzip.

Ejemplo de minificació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 minimizado:

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);}