Compilar código em Javascript – Google Closure Compiler

Javascript não é um código que tradicionalmente compilamos.

Mesmo assim, usamos o termo para substituir nosso código por algo menor, comprimido. Ou seja, pegamos nosso código e deixamos ele de forma que ocupe menos bytes a serem carregados no browser do usuário, porém bem difícil de ser humanamente legível, salvo os uber-nerds de plantão.

Assim, eis que apresento uma poderosa ferramenta open-source de ponta, o Google Closure Compiler, mais um produto 100% free da Google Labs.

Trata-se de um aplicativo que pode ser utilizado via linha de código via programa desenvolvido em Java.

Ele vai além: pode ser utilizado através da web, indo a um simples endereço assim como pode ser executado via API RESTful.

resultadoCompiler

E o que se ganha fazendo isso?

Simples. Imagina aquele código imenso em javascript que você preparou? Podemos sempre diminuir ele para que o usuário carregue a sua página de forma mais rápida.

É claro que um código de 10 ou 100 linhas não vai fazer muito sentido ser compilado, porém um com cerca de 1000, 10000 ou mais de 100000 linhas provavelmente vai ter um impacto mais interessante.

Vamos conseguir fazer com que o usuário não entenda nada do que acontece no nosso código e assim criptografar o código quando compilado?

Definitivamente não. A leitura de um código compilado é difícil e desagradável, porém não é impossível. Inclusive, há ferramentas como o Closure Inspector que facilitam a depuração do código compilado no firebug, por exemplo.

Junto ao Closure Compiler, é bom citar também que há integração com o Page Speed que ajuda a exibir os ganhos de desempenho de sua página nos mínimos detalhes.

Subindo um arquivo com código em Javascript

E por que utilizamos essa ferramenta? Porque ele normalmente consegue compactar um código de forma mais estável e que o arquivo fique menor em relação aos demais compiladores.

E por que temos um programa standalone que roda num executável Java se podemos utilizar a ferramenta web? Simples, a ferramenta web tem limitação ao tamanho do código inserido.

Uma última curiosidade: O Google Closure Compiler só funciona para Javascript. Não adianta tentar jogar HTML e CSS ali que vai dar zebra.

Bacana, mas vamos começar a utilizar a ferramenta via web? Já tem exemplos lá, divirtam-se.

Deixar uma resposta


Performance Optimization WordPress Plugins by W3 EDGE