Como comprimo meu JavaScript e / ou CSS?

Respostas:

3

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

Travis Northcutt
fonte
8

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
Mike
fonte
+1 ótima resposta. Observe que o fechamento do google, além de compactar mais do que o compressor yui, também detecta erros comuns de javascript, como o {1,2,3,}que destruirá completamente seu site em um "determinado navegador" (sim, que outro navegador poderia ser tão estúpido?)
Thomas Bonini
3

Use gzip .

ilhan
fonte
Você pode compactar arquivos HTML, JavaScript, CSS e qualquer resposta de texto (XML / JSON). Isso diminuirá o tamanho da resposta, o que pode aumentar a velocidade do seu site.
Sean Moubry 08/07/10
2

Eu uso o projeto SquishIt de Justin Etheredge . Isso é incrível! Apenas 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 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")
%>
jessegavin
fonte
Vale a pena notar que é uma solução ASP.NET.
David Bick
Sim, observei que int a 3ª frase.
Jessegavin
1

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

Sean Moubry
fonte
0

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.

D4V360
fonte
0

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

HoLyVieR
fonte