desenv-web-rp.com

Como comprimo meu JavaScript e / ou CSS?

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?

8
Jason

Minify parece ser o padrão. Aqui é um post do blog com uma explicação de como usá-lo.

3
Travis Northcutt

Eu recomendo 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
8
Mike

Use gzip .

3
ilhan

Eu uso o projeto SquishIt de Justin Etheredge. Isso é incrível! Somente para o asp.net.

  • Ele usa YUI para compactação CSS e Javascript.
  • Suporta MENOS
  • Eu acredito que ele suporta o Google Closure
  • É ridiculamente fácil de usar.

Leia o introdução ao squishit post .

Aqui está um código de exemplo que renderizará uma única tag <script> e uma única tag <link>. 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")
%>
2
jessegavin

Existem várias ferramentas muito populares para compactar/minificar seu JavaScript e CSS.

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifier
  • Compilador do Google Closure (somente JavaScript)

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 Compressor YUI .

1
Sean Moubry

Verifique esta comparação de minificadores de JS e CSS para escolher o que melhor combina com você -

0
mvark

Este usa o algoritmo do compressor YUI:

http://www.jscompressor.com

0
Nitro

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 repetitiva e chata, existem scripts disponíveis que farão exatamente isso para você. Eu uso Django e uso Django-assets para automatizar completamente esse processo.

0
D4V360

Se você deseja compactar o tamanho dos seus arquivos Javascript, você pode usar empacotador .

0
HoLyVieR