it-swarm-id.com

Bagaimana cara mengompres JavaScript dan / atau CSS saya?

Saya tahu bahwa ada cara untuk secara dinamis memuatnya ke halaman , tetapi jika saya ingin mengompres kode saya sehingga memuat lebih cepat, bagaimana saya melakukannya?

8
Jason

Minify tampaknya menjadi standar. Di Sini adalah posting blog dengan penjelasan tentang bagaimana menggunakannya.

3

Saya sangat merekomendasikan Google Closure Compiler untuk mengompresi kode JavaScript. Saya menggunakannya secara pribadi, dan ini juga merupakan kompresor resmi yang digunakan oleh proyek jQuery.

Proyek ini dapat melakukan banyak hal, tetapi dasarnya adalah:

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

Gunakan gzip .

3
ilhan

Saya menggunakan proyek Justin Etheredge SquishIt . Itu luar biasa! Namun untuk asp.net saja.

  • Ini menggunakan YUI untuk kompresi CSS dan Javascript.
  • Ini mendukung KURANG
  • Saya percaya ini mendukung Google Closure
  • Ini sangat mudah digunakan.

Baca intro ke squishit posting blog .

Berikut adalah beberapa contoh kode yang akan merender tag <script> tunggal dan tag <link> tunggal. Keduanya akan menunjuk ke file JS/CSS gabungan dan diperkecil.

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

Ada beberapa alat yang sangat populer untuk mengompresi/memperkecil JavaScript dan CSS Anda.

  • Kompresor Yahoo YUI
  • Microsoft AJAX Minifier
  • Google Closure Compiler (khusus JavaScript)

Semuanya sangat kuat - Anda dapat menemukan perbandingannya dengan mudah. Semua adalah alat baris perintah, sehingga mereka dapat dengan mudah diintegrasikan ke dalam proses Anda secara otomatis ketika Anda membangun atau mempublikasikan situs web Anda.

Anda juga dapat menemukan banyak situs web yang menjalankan alat ini untuk Anda, yang akan menghemat waktu Anda harus menginstal/mengkonfigurasi. Ini juga membantu jika Anda tidak terbiasa menggunakan alat-alat baris perintah.

Secara pribadi, saya selalu menggunakan Kompresor YUI .

1
Sean Moubry

Periksa perbandingan JS & CSS minifiers ini untuk memilih yang paling cocok untuk Anda -

0
mvark

Yang ini menggunakan algoritma kompresor YUI:

http://www.jscompressor.com

0
Nitro

Tambahkan semua javascript Anda ke satu file dan kompres dengan misalnya jsmin (http://www.crockford.com/javascript/jsmin.html). Lakukan ini juga untuk CSS Anda tetapi gunakan teknik kompresi lain (menghapus spasi). Karena ini adalah tugas berulang yang membosankan, ada skrip yang tersedia yang akan melakukan ini untuk Anda. Saya menggunakan Django dan menggunakan aset-Django untuk sepenuhnya mengotomatiskan proses ini.

0
D4V360

Jika Anda ingin mengompres ukuran file Javascript Anda, Anda dapat menggunakan packer .

0
HoLyVieR