Apa perbedaan antara jquery.js dan jquery.min.js?


288

Apa perbedaan antara jquery.min.js dan jquery.js?

Yang mana yang memiliki dukungan untuk semua fungsi?

Jawaban:


281

Keduanya sama secara fungsional tetapi .min memiliki semua karakter yang tidak perlu dihapus untuk membuat ukuran file lebih kecil.

Hanya untuk menunjukkan juga, Anda lebih baik menggunakan versi minified (.min) untuk lingkungan langsung Anda karena Google sekarang memeriksa waktu pemuatan halaman. Meminimalkan semua file JS Anda berarti mereka akan memuat lebih cepat dan akan memberi Anda skor lebih banyak.

Anda bisa mendapatkan addon untuk Mozilla yang disebut Page Speed ​​yang akan melihat melalui situs Anda dan menunjukkan kepada Anda semua file .JS dan memberikan versi yang diperkecil (di antara hal-hal lain).


1
@ sasha.sochka Berpotensi ya karena mengurangi ukuran file sehingga itu berarti permintaan ke server lebih cepat karena ukuran file lebih kecil. Ini jelas tergantung pada jumlah data dalam file di tempat pertama.
webnoob

@ WebBob, maaf karena tidak tepat dalam penjelasan, maksud saya kinerja JS runtime.
sasha.sochka

1
@ sasha.sochka AFAIK tidak ada keuntungan kinerja yang bisa didapat oleh mesin JS.
webnoob

Selain itu, saya telah melihat fungsi seperti ini - fungsi (i, s, o, g, r, a, m) . Cara lain untuk mengurangi jumlah karakter, bukan?
Utsav T

2
@gilbertpilz - Meminimalkan tidak menghentikan orang mencuri kode. Namun kebingungan membantu mencegah orang untuk dapat menggunakan kembali kode Anda. Mereka tentu saja dapat mengunduhnya tetapi akan menjadi omong kosong dan sulit untuk diikuti.
webnoob

122

Keduanya mendukung fungsi yang sama. jquery.min.jsadalah versi terkompresi jquery.js(spasi putih dan komentar dilucuti, nama variabel lebih pendek, ...) untuk menjaga bandwidth. Dalam hal fungsionalitas, keduanya sama persis. Disarankan untuk menggunakan versi terkompresi ini di lingkungan produksi.


94
  • jquery.js = Cukup dan mudah dibaca :) Baca yang ini.

  • jquery.min.js = Sepertinya jibberish! Tetapi memiliki ukuran file yang lebih kecil. Letakkan yang ini di situs Anda.

Keduanya sama dalam fungsionalitas. Perbedaannya hanya pada apakah itu diformat dengan baik untuk mudah dibaca atau secara kompak untuk ukuran file yang lebih kecil.

Secara khusus, yang kedua diperkecil , sebuah proses yang melibatkan menghapus spasi yang tidak perlu dan memperpendek nama variabel. Keduanya berkontribusi membuat kode lebih sulit dibaca: penghapusan spasi menghapus spasi dan spasi mengacaukan pemformatan, dan pemendekan nama variabel (termasuk beberapa nama fungsi) menggantikan nama variabel asli dengan huruf yang tidak berarti.

Semua ini dilakukan sedemikian rupa sehingga tidak mempengaruhi cara kode berperilaku ketika dijalankan, dengan cara apa pun. Khususnya, penggantian / pemendekan nama variabel dan fungsi hanya dilakukan untuk nama-nama yang muncul dalam lingkup lokal di mana ia tidak akan mengganggu kode lain di skrip lain.


1
Mengapa Anda pernah menggunakan versi non-minified itu? Maksud saya, Anda tidak menautkan ke versi yang tidak dikecilkan hanya untuk membacanya. Mengapa mereka menawarkan itu?
Sebastian Nielsen

24

Jquery.min.js tidak lain adalah versi terkompresi dari jquery.js. Anda dapat menggunakannya dengan cara yang sama seperti jquery.js, tetapi lebih kecil, jadi dalam produksi Anda harus menggunakan versi minified dan ketika Anda debug Anda dapat menggunakan versi jquery.js normal. Jika Anda ingin mengompres file javascript Anda sendiri, Anda dapat mengkompres ini:

Atau cukup baca topis di StackOverflow tentang kompresi js :):


1
Mungkin kompresor terbaik saat ini adalah UglifyJS. Untuk waktu yang lama sebelum ini, yang terbaik adalah Google's Closure Compiler.
thomasrutter

8

Dalam bahasa yang mudah, kedua versi benar-benar sama. Satu-satunya perbedaan adalah:

  • min.js adalah untuk situs web (online)

  • .js adalah untuk pengembang, orang yang perlu membaca, mempelajari atau / dan memahami kode jquery, untuk pengembangan plugin yaitu (offline, pekerjaan lokal).


5

Keduanya berisi fungsi yang sama tetapi ukuran .min.js telah dioptimalkan ukurannya. Anda dapat membuka kedua file dan melihatnya. Dalam file .min.js Anda akan melihat bahwa semua nama variabel telah direduksi menjadi nama pendek dan sebagian besar spasi putih & komentar telah dihapus.



3

ringkasan - kerangka kerja js populer seperti jquery atau dojo menawarkan satu komentar, versi yang diformat cukup dengan komentar untuk PERKEMBANGAN dan versi yang diperkecil (lebih cepat) tanpa komentar dll untuk PRODUKSI

jquery.js - development jquery.min.js - produksi


2

Jika Anda menjalankan JQuery di situs produksi, perpustakaan mana yang harus Anda muat? JQuery.js atau JQuery.min.js? Jawaban singkatnya adalah, mereka pada dasarnya sama, dengan fungsi yang sama.

Satu versi panjang, sementara yang lain adalah versi yang diperkecil. Yang diperkecil dikompresi untuk menghemat ruang dan waktu pemuatan halaman. Spasi putih telah dihapus dalam versi yang diperkecil sehingga tidak dapat dibaca dan tidak dapat dibaca.

Jika Anda akan menjalankan pustaka JQuery di situs produksi, saya sarankan Anda menggunakan versi yang diperkecil, untuk mengurangi waktu pemuatan halaman, yang sekarang Google pertimbangkan dalam peringkat halaman mereka.

Pilihan lain yang baik adalah menggunakan perpustakaan javascript online Google. Ini akan menghemat kerumitan mengunduh perpustakaan, serta mengunggah ke situs Anda. Selain itu, situs Anda juga tidak menggunakan sumber daya saat JQuery dimuat.

Versi kecil JQuery terbaru dari Google tersedia di sini.

Anda dapat menautkannya di halaman Anda menggunakan:

http://ulyssesonline.com/2010/12/03/jquery-js-or-jquery-min-js/


1

jquery.min adalah versi kompres. Sudah dihapus komentar, baris baru, ...


1

Jika Anda menggunakan Jquery dari Google CDN, ini akan meningkatkan kinerja 5 hingga 10 kali lipat dari yang Anda tambahkan ke halaman Anda, yang akan diunduh. Dan juga, Anda akan mendapatkan versi terbaru dari file Jquery.

Perbedaan antara kedua file yaitu jquery.js dan jquery.min.js hanya ukuran file, karena ini file semakin cepat diunduh. :)

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.