Como compactar código JavaScript removendo comentários e espaços

Antes de compactar um trecho JavaScript

Esta ferramenta ajuda a tornar mais compacto um texto que contém JavaScript, retirando padrões semelhantes a comentários e reduzindo determinados espaços. Pode utilizá-la para observar a diferença de tamanho entre uma versão inicial e uma versão transformada, ou para preparar um trecho para uma revisão posterior.

A operação trata os dados como texto, sem reconhecer a estrutura da linguagem. Por esse motivo, a saída deve ser lida como uma alteração de caracteres, e não como uma confirmação de que o programa mantém o mesmo comportamento. Conserve uma cópia do conteúdo inicial antes de começar, especialmente se o trecho incluir cadeias de texto, expressões regulares ou outras construções com barras, comentários aparentes ou espaços relevantes.

A entrada é opcional e começa como texto vazio. Assim, pode fornecer um trecho com código ou verificar o tratamento de uma entrada sem conteúdo. Num texto não vazio, a ferramenta apresenta o resultado transformado e valores que permitem comparar os tamanhos antes e depois.

Passos para obter uma versão mais curta

1. Separe o trecho que pretende analisar e guarde o original sem alterações. Essa cópia permite comparar a saída e recuperar o conteúdo inicial se a transformação modificar uma parte inesperada.

2. Cole o texto no campo de entrada. Pode introduzir código JavaScript ou deixar o campo vazio; não é necessário acrescentar um marcador para iniciar o processamento.

3. Execute a transformação através do controlo disponível. Num texto com conteúdo, são retirados os padrões de comentários de linha que começam por // e seguem até à mudança de linha ou ao fim do texto, além dos padrões de comentários em bloco.

4. Observe o trecho devolvido. Os grupos de espaços restantes passam a um único espaço, os espaços nas extremidades são eliminados e também são removidos os espaços junto de chavetas, parênteses, ponto e vírgula, vírgulas e dois-pontos.

5. Leia os dados que acompanham a saída. Para uma entrada não vazia, são mostrados o texto transformado, a contagem de caracteres original, a contagem de caracteres transformada, o número de caracteres removidos e uma percentagem poupada arredondada a uma casa decimal.

6. Compare o resultado com a cópia inicial antes de o reutilizar. Inspecione de forma particular literais, expressões regulares e trechos que contenham sequências parecidas com comentários, pois a operação procura padrões diretamente no texto.

7. Para verificar o caso sem código, deixe o campo vazio ou introduza apenas espaços. A operação termina com sucesso, devolve texto transformado vazio e apresenta zero nas contagens original e transformada.

O que significam os dados apresentados

A percentagem poupada compara o tamanho do texto fornecido com o tamanho do texto devolvido. Uma redução maior significa que foram retirados mais caracteres nessa transformação, mas esse valor não avalia a qualidade do código nem confirma que o resultado é adequado para execução.

A contagem de caracteres removidos deve ser lida juntamente com os dois tamanhos e com o próprio trecho transformado. Os números descrevem a alteração textual realizada, enquanto a comparação manual ajuda a detetar mudanças que podem ser relevantes para o conteúdo.

Se aparecerem alterações dentro de cadeias de texto, expressões regulares ou outras construções, volte ao original e decida se pretende ajustar o trecho por outro método. Um resultado mais curto não substitui a revisão do conteúdo, sobretudo quando uma sequência visualmente semelhante a um comentário fazia parte de um valor.

No caso de uma entrada vazia ou composta apenas por espaços, o sucesso indica que não havia texto para transformar. O texto vazio e as contagens a zero distinguem esse cenário de uma compactação que tenha removido caracteres de um trecho preenchido.

Exemplo prático

Está a rever um pequeno trecho JavaScript que inclui um comentário de linha, espaços repetidos e espaços antes de uma vírgula.

Guarde o original, cole um trecho com comentário de linha e espaços repetidos, execute a transformação e compare o texto devolvido com a cópia inicial.

A saída contém um trecho transformado com menos espaços e sem os padrões de comentário identificados, acompanhado dos tamanhos original e transformado, dos caracteres removidos e da percentagem poupada.

Limitações

• A procura de padrões pode alterar conteúdo semelhante a comentários ou espaços dentro de cadeias de texto e outras construções JavaScript.

Erros comuns

• Uma cadeia de texto com // pode perder o restante da linha porque a ferramenta identifica esse padrão como início de comentário; compare a saída com o original e recupere dessa cópia o conteúdo que deveria permanecer.

Perguntas frequentes

O que acontece se eu não introduzir código JavaScript?

A operação termina com sucesso, devolve texto transformado vazio e apresenta zero nas contagens original e transformada quando a entrada está vazia ou contém apenas espaços.

A ferramenta mantém todos os espaços do meu código?

Não há preservação garantida desses espaços, porque os grupos são compactados e a procura é feita sobre padrões textuais, incluindo possíveis conteúdos dentro de cadeias ou outras construções.

Que informações acompanham o resultado?

Num texto preenchido, a saída inclui o trecho transformado, os tamanhos original e transformado, os caracteres removidos e a percentagem poupada com arredondamento a uma casa decimal.