jquery.jsとjquery.min.jsの違いは何ですか?


288

jquery.min.jsとjquery.jsの違いは何ですか?

どの機能がすべての機能をサポートしていますか?

回答:


281

機能的にはどちらも同じですが、.minの方は、ファイルサイズを小さくするために不要な文字をすべて削除しています。

同様に指摘しておくと、Googleがページの読み込み時間を確認しているため、ライブ環境には縮小バージョン(.min)を使用する方がよいでしょう。すべてのJSファイルを縮小すると、読み込みが速くなり、ブラウニーポイントが増えます。

ページスピードと呼ばれるMozillaのアドオンを取得して、サイトを調べ、すべての.JSファイルを表示し、(とりわけ)縮小版を提供できます。


1
@ sasha.sochkaファイルサイズが小さくなるため、可能性としてはい。ファイルサイズが小さいほど、サーバーへのリクエストが高速になります。これは明らかに、そもそもファイル内のデータ量に依存します。
webnoob

@webnoob、説明が正確ではないため申し訳ありませんが、ランタイムJSパフォーマンスを意味していました。
sasha.sochka 2015

1
@ sasha.sochka AFAIK JSエンジンによるパフォーマンスの向上はありません。
webnoob 2015

さらに、私はこれのような関数を見ました-function (i、s、o、g、r、a、m)。文字数を減らすもう一つの方法ですよね?
Utsav T 2015

2
@gilbertpilz-縮小しても、コードが盗まれるのを防ぐことはできません。ただし、難読化は、ユーザーがコードを再利用できないようにするのに役立ちます。彼らはもちろんそれをダウンロードすることができますが、それは意味不明で、フォローするのが難しいでしょう。
webnoob

122

どちらも同じ機能をサポートしています。帯域幅を維持するために(空白とコメントを取り除いた、短い変数名など)のjquery.min.js圧縮バージョンですjquery.js。機能的にはまったく同じです。この圧縮バージョンを実稼働環境で使用することをお勧めします。


94
  • jquery.js =きれいで読みやすい:)これを読んでください。

  • jquery.min.js = ばかげているように見えます!ただし、ファイルサイズは小さくなります。これをあなたのサイトに置いてください。

どちらも機能は同じです。違いは、読みやすさを考慮して適切にフォーマットされているか、ファイルサイズを小さくするためにコンパクトにフォーマットされているかのみです。

具体的には、2つ目は縮小化され、不要な空白を削除して変数名を短縮するプロセスです。どちらもコードを読みにくくする一因となります。空白を削除すると、改行とスペースが削除され、書式が乱れます。変数名(一部の関数名を含む)を短くすると、元の変数名が意味のない文字に置き換えられます。

これはすべて、実行時にコードがどのように動作するかに影響を与えない方法で行われます。特に、変数名と関数名の置換/短縮は、他のスクリプトの他のコードに干渉しないローカルスコープに表示される名前に対してのみ行われます。


1
なぜあなたは今まで非縮小版を使うのですか?つまり、それを読むためだけに非縮小バージョンにリンクしないでください。なぜ彼らはそれを提供するのですか?
セバスチャンニールセン

24

jquery.min.jsは、jquery.jsの圧縮バージョンにすぎません。jquery.jsと同じように使用できますが、サイズが小さいため、本番環境では縮小バージョンを使用し、デバッグ時には通常のjquery.jsバージョンを使用できます。独自のJavaScriptファイルを圧縮する場合は、次のコンプレッサーを使用できます。

または、js圧縮についてStackOverflowでtopisを読んでください:):


1
おそらく現在最も優れたコンプレッサーはUglifyJSです。これまでの長い間、最高のものがGoogleのClosure Compilerでした。
thomasrutter 2013年

8

簡単に言うと、両方のバージョンはまったく同じです。唯一の違いは:

  • min.jsはウェブサイト用です(オンライン)

  • .jsは、プラグイン開発(オフライン、ローカル作業)などの開発者、jqueryコードを読んだり、理解したり、理解したりする必要がある人向けです。


5

どちらにも同じ機能が含まれていますが、同等の.min.jsのサイズが最適化されています。両方のファイルを開いて確認することができます。.min.jsファイルでは、すべての変数名が短い名前に短縮され、ほとんどの空白とコメントが削除されていることがわかります。



3

概要-jqueryやdojoのような人気のあるjsフレームワークは、DEVELOPMENTのコメント付きのコメント付きのきれいにフォーマットされたバージョンと、PRODUCTIONなどのコメントなしの縮小バージョン(quiicker)を提供します

jquery.js-開発jquery.min.js-プロダクション


2

プロダクションサイトでJQueryを実行している場合、どのライブラリをロードする必要がありますか?JQuery.jsまたはJQuery.min.js?簡単に言えば、それらは本質的に同じであり、同じ機能を備えています。

1つは長いバージョンで、もう1つは縮小バージョンです。縮小化は、スペースとページの読み込み時間を節約するために圧縮されます。縮小版では空白が削除され、意味不明で読みにくくなっています。

プロダクションサイトでJQueryライブラリを実行する場合は、縮小版を使用して、ページの読み込み時間を短縮することをお勧めします。これにより、Googleがページランキングで考慮します。

別の良いオプションは、GoogleのオンラインJavaScriptライブラリを使用することです。これにより、ライブラリのダウンロードやサイトへのアップロードの手間が省けます。さらに、JQueryが読み込まれるときにサイトもリソースを使用しません。

Googleの最新のJQuery縮小バージョンは、こちらから入手できます。

あなたはあなたのページでそれにリンクすることができます:

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



1

Google CDNのJqueryを使用すると、ページに追加してダウンロードしたものの5〜10倍のパフォーマンスが大幅に向上します。また、Jqueryファイルの最新バージョンを取得します。

両方のファイル、つまりjquery.jsとjquery.min.jsの違いは、ファイルのサイズだけです。これにより、ファイルのダウンロードが速くなります。:)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.