Ferramenta Online Gratuita Javascript Minify

Ferramenta de Minificação do Javascript

Minificar o Javascript pega o código JS bonito e bem formado que você escreveu e remove o espaçamento, recuo, novas linhas e comentários. Estes não são necessários para que o Javascript seja executado com sucesso. Também torna o Javascript mais difícil de ler ao visualizar a fonte.

Muitos desenvolvedores manterão uma versão 'bonita' e, após a implantação de seu projeto, executarão seus scripts por meio de um programa de minificação. Eles também costumam combinar seus muitos arquivos de script em um único arquivo.

Por que usar o Minificador de Javascript?

O objetivo da minifcação é aumentar a velocidade de um site. A minimização pode tornar um script até 20% menor, resultando em um tempo de download mais rápido. Alguns desenvolvedores também o usarão para 'ofuscar' seu código. Isso dificulta a leitura do código, tornando mais difícil a engenharia reversa ou a cópia.

Também é prática comum combinar todos os arquivos Javascript de um único site em um único arquivo. Isso tem uma série de benefícios. Reduz o número de solicitações HTTP que precisam ser feitas para obter todos os elementos de um site. Também torna a minificação e a compactação gzip mais eficazes.

Exemplo de Minificação de Javascript

Javascript embelezado:

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

Torna-se este 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);}