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 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?
Respostas:
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.jsUse gzip .
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.
<%= Bundle.JavaScript()
.Add("~/js/jquery-1.4.2.js")
.Add("~/js/jquery-ui-1.8.1.js")
.Render("~/js/combined_#.js")
%>
<%= Bundle.Css()
.Add("~/css/reset.css")
.Add("~/css/text.css")
.Add("~/css/960.css")
.Render("~/css/combined_#.css")
%>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 .
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.
Se você deseja compactar o tamanho dos seus arquivos Javascript, você pode usar o empacotador .
Verifique esta comparação de minificadores de JS e CSS para escolher o que melhor combina com você -
Este usa o algoritmo do compressor YUI:
{1,2,3,}que destruirá completamente seu site em um "determinado navegador" (sim, que outro navegador poderia ser tão estúpido?)