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 posso farlo?
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 posso farlo?
Risposte:
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.jsUsa gzip .
Uso il progetto SquishIt di Justin Etheredge . È fantastico! Solo per asp.net comunque.
Leggi l' introduzione per squishit post sul blog .
Ecco alcuni esempi di codice che renderanno un singolo <script>tag e un singolo <link>tag. 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")
%>Esistono diversi strumenti molto popolari per comprimere / minimizzare JavaScript e CSS.
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 .
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.
Dai un'occhiata a questo confronto tra i minificatori JS e CSS per scegliere quello più adatto a te -
Questo utilizza l'algoritmo del compressore YUI:
{1,2,3,}che distruggeranno completamente il tuo sito Web su un "browser certo" (sì, quale altro browser potrebbe essere così stupido ??)