it-swarm.it

Come comprimo il mio JavaScript e / o CSS?

So che ci sono modi per caricarlo dinamicamente nella pagina , ma se voglio comprimere il mio codice in modo che si carichi ancora più velocemente, come faccio?

8
Jason

Minify sembra essere lo standard. Qui è un post sul blog con una spiegazione su come usarlo.

3

Consiglio vivamente Google Closure Compiler per la compressione del codice JavaScript. Lo uso personalmente ed è anche il compressore ufficiale utilizzato dal progetto jQuery.

Questo progetto può fare molto, ma le basi sono queste:

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

Usa gzip .

3
ilhan

Uso il progetto SquishIt di Justin Etheredge. È fantastico! Solo per asp.net comunque.

  • Utilizza YUI per la compressione CSS e Javascript.
  • Supporta MENO
  • Credo che supporti la chiusura di Google
  • È ridicolmente facile da usare.

Leggi introduzione a post sul blog di squishit .

Ecco alcuni esempi di codice che renderanno un singolo tag _<script>_ e un singolo tag _<link>_. Entrambi indicheranno un file JS/CSS combinato e minimizzato.

_<%= 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

Esistono diversi strumenti molto popolari per comprimere/minimizzare JavaScript e CSS.

  • Compressore Yahoo YUI
  • Microsoft AJAX Minifier
  • Google Closure Compiler (solo JavaScript)

Tutti sono molto potenti: puoi trovarne paragoni abbastanza facilmente. Tutti sono strumenti da riga di comando, quindi possono essere facilmente integrati automaticamente nella tua corsa quando costruisci o pubblichi il tuo sito web.

Puoi anche trovare molti siti Web che eseguono questi strumenti per te, il che ti farà risparmiare il tempo di dover installare/configurare. Questo aiuta anche se non si ha familiarità con l'uso degli strumenti da riga di comando.

Personalmente, ho sempre usato YUI Compressor .

1
Sean Moubry

Dai un'occhiata a questo confronto tra i minificatori JS e CSS per scegliere quello più adatto a te -

0
mvark

Questo utilizza l'algoritmo del compressore YUI:

http://www.jscompressor.com

0
Nitro

Aggiungi tutto il tuo javascript a un singolo file e comprimilo con ad esempio jsmin (http://www.crockford.com/javascript/jsmin.html). Fallo anche per il tuo CSS ma usa un'altra tecnica di compressione (rimuovendo gli spazi bianchi). Poiché si tratta di un'attività noiosa che si ripete, ci sono script disponibili che faranno proprio questo per te. Uso Django e utilizzo Django-assets per automatizzare completamente questo processo.

0
D4V360

Se vuoi comprimere la dimensione dei tuoi file Javascript, puoi usare packer .

0
HoLyVieR