Eu sei que existem maneiras de carregá-lo dinamicamente na página , mas se eu quiser compactar meu código para que ele carregue ainda mais rápido, como faço para fazê-lo?
8
Eu sei que existem maneiras de carregá-lo dinamicamente na página , mas se eu quiser compactar meu código para que ele carregue ainda mais rápido, como faço para fazê-lo?
Eu recomendo o Google Closure Compiler para compactar o código JavaScript. Eu o uso pessoalmente e também é o compressor oficial usado pelo projeto jQuery.
Este projeto pode fazer bastante, mas o básico é este:
java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
{1,2,3,}
que destruirá completamente seu site em um "determinado navegador" (sim, que outro navegador poderia ser tão estúpido?)Use gzip .
fonte
Eu uso o projeto SquishIt de Justin Etheredge . Isso é incrível! Apenas para o asp.net.
Leia a introdução para esmagar a postagem do blog .
Aqui está um código de exemplo que renderizará uma única
<script>
tag e uma única<link>
tag. Ambos apontarão para um arquivo JS / CSS combinado e reduzido.fonte
Existem várias ferramentas muito populares para compactar / minificar seu JavaScript e CSS.
Todos são muito poderosos - você pode encontrar comparações deles com bastante facilidade. Todas são ferramentas de linha de comando, para que possam ser facilmente integradas à sua execução automaticamente quando você cria ou publica seu site.
Você também pode encontrar muitos sites que executam essas ferramentas para você, o que poupa o tempo de instalação / configuração. Isso também ajuda se você não estiver familiarizado com o uso de ferramentas de linha de comando.
Pessoalmente, eu sempre usei o YUI Compressor .
fonte
Adicione todo o seu javascript a um único arquivo e compacte-o com, por exemplo, jsmin (http://www.crockford.com/javascript/jsmin.html). Faça isso também para o seu CSS, mas use outra técnica de compactação (removendo o espaço em branco). Como essa é uma tarefa chata e repetitiva, existem scripts disponíveis que farão exatamente isso para você. Eu uso o Django e uso o django-assets para automatizar completamente esse processo.
fonte
Se você deseja compactar o tamanho dos seus arquivos Javascript, você pode usar o empacotador .
fonte
Verifique esta comparação de minificadores de JS e CSS para escolher o que melhor combina com você -
fonte
Este usa o algoritmo do compressor YUI:
http://www.jscompressor.com
fonte