Saya tahu bahwa ada cara untuk memuatnya secara dinamis ke dalam halaman , tetapi jika saya ingin mengompres kode saya sehingga memuat lebih cepat, bagaimana saya melakukannya?
Saya tahu bahwa ada cara untuk memuatnya secara dinamis ke dalam halaman , tetapi jika saya ingin mengompres kode saya sehingga memuat lebih cepat, bagaimana saya melakukannya?
Jawaban:
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.jsGunakan gzip .
Saya menggunakan proyek SquishIt Justin Etheredge . Itu luar biasa! Namun hanya untuk asp.net.
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")
%>Ada beberapa alat yang sangat populer untuk mengompresi / memperkecil JavaScript dan CSS Anda.
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 .
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.
Periksa perbandingan minifiers JS & CSS ini untuk memilih yang paling cocok untuk Anda -
Yang ini menggunakan algoritma kompresor YUI:
{1,2,3,}yang akan menghancurkan situs web Anda di "peramban tertentu" (ya, peramban apa yang mungkin begitu bodoh ??)