it-swarm-eu.dev

Jak mohu komprimovat svůj JavaScript nebo CSS?

Vím, že existují způsoby, jak dynamicky načíst na stránk , ale pokud chci komprimovat svůj kód tak, aby se načítal ještě rychleji, jak to mám udělat?

optimizationcssjavascriptcompression
8
Jason

Minify se zdá být standardní. Zde je blogový příspěvek s vysvětlením, jak jej používat.

3
Travis Northcutt

Velmi doporučuji Google Closure Compiler pro kompresi kódu JavaScript. Používám jej osobně a je to také oficiální kompresor používaný v projektu jQuery.

Tento projekt dokáže hodně, ale základy jsou následující:

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

Použijte gzip .

3
ilhan

Používám projekt SquishIt Justin Etheredge. Je to úžasné! Pouze pro asp.net.

  • Používá YUI pro kompresi CSS a Javascript.
  • Podporuje LESS
  • Věřím, že podporuje Google Closure
  • Použití je směšně snadné.

Přečtěte si úvod do squishit blog .

Zde je ukázkový kód, který vykreslí jednu značku <script> a jednu značku <link>. Oba budou ukazovat na kombinovaný a minifikovaný soubor JS/CSS.

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

Existuje několik velmi populárních nástrojů pro kompresi/minifikaci vašeho JavaScriptu a CSS.

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifikátor
  • Google Closure Compiler (pouze JavaScript)

Všechny jsou velmi silné - jejich srovnání najdete poměrně snadno. Všechny jsou nástroji příkazového řádku, takže je lze snadno snadno integrovat do vašeho běhu při vytváření nebo publikování vašich webových stránek.

Najdete také mnoho webů, které tyto nástroje provozují za vás, což vám ušetří čas při instalaci/konfiguraci. To také pomáhá, pokud nejste obeznámeni s použitím nástrojů příkazového řádku.

Osobně jsem vždy používal YUI Compressor .

1
Sean Moubry

V tomto srovnání minibusů JS a CSS si vyberte, co vám nejlépe vyhovuje -

0
mvark

Tento používá kompresní algoritmus YUI:

http://www.jscompressor.com

0
Nitro

Přidejte veškerý javascript do jediného souboru a zkomprimujte jej například jsmin (http://www.crockford.com/javascript/jsmin.html). Udělejte to také pro svůj CSS, ale použijte jinou kompresní techniku ​​(odstranění mezer). Protože se jedná o nudný opakující se úkol, jsou k dispozici skripty, které vám to udělají. K plné automatizaci tohoto procesu používám Django a využívám aktiva Django.

0
D4V360

Pokud chcete komprimovat velikost souborů Javascript, můžete použít packer .

0
HoLyVieR