Bagaimana cara mengompres JavaScript dan / atau CSS saya?

Jawaban:

3

Minify tampaknya menjadi standar. Berikut adalah posting blog dengan penjelasan tentang cara menggunakannya.

Travis Northcutt
sumber
8

Saya sangat merekomendasikan Google Closure Compiler untuk mengompresi kode JavaScript. Saya menggunakannya secara pribadi, dan itu 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
Mike
sumber
+1 jawaban yang bagus. Perhatikan bahwa penutupan Google, selain mengompresi lebih dari kompresor yui, juga mendeteksi kesalahan javascript umum seperti {1,2,3,}yang akan menghancurkan situs web Anda di "peramban tertentu" (ya, peramban apa yang mungkin begitu bodoh ??)
Thomas Bonini
3

Gunakan gzip .

ilhan
sumber
Anda dapat gzip file HTML, JavaScript, CSS, serta respons teks apa pun (XML / JSON). Ini akan menurunkan ukuran respons, yang dapat meningkatkan kecepatan situs web Anda.
Sean Moubry
2

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

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

Baca pengantar untuk squishit posting blog .

Berikut adalah beberapa contoh kode yang akan membuat satu <script>tag dan satu <link>tag. 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")
%>
jessegavin
sumber
Perlu dicatat bahwa itu adalah solusi ASP.NET.
David Bick
Yup, saya mencatat bahwa dalam kalimat ke-3.
jessegavin
1

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 menerbitkan 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 baris perintah.

Secara pribadi, saya selalu menggunakan Kompresor YUI .

Sean Moubry
sumber
0

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 django-asset untuk sepenuhnya mengotomatiskan proses ini.

D4V360
sumber
0

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

HoLyVieR
sumber