Was ist der Unterschied zwischen jquery.js und jquery.min.js?

287

Was ist der Unterschied zwischen jquery.min.js und jquery.js?

Welches unterstützt alle Funktionen?

Gowri
quelle

Antworten:

280

Sie sind beide funktional gleich, aber in der .min-Datei werden alle unnötigen Zeichen entfernt, um die Dateigröße zu verringern.

Um auch darauf hinzuweisen, verwenden Sie besser die minimierte Version (.min) für Ihre Live-Umgebung, da Google jetzt die Ladezeiten der Seiten überprüft. Wenn alle Ihre JS-Dateien minimiert sind, werden sie schneller geladen und Sie erhalten mehr Brownie-Punkte.

Sie können ein Addon für Mozilla namens Page Speed ​​erhalten, das Ihre Site durchsucht und Ihnen alle .JS-Dateien anzeigt und (unter anderem) minimierte Versionen bereitstellt.

webnoob
quelle
1
@ sasha.sochka Möglicherweise ja, da dadurch die Dateigröße verringert wird und die Anforderung an den Server schneller ist, da die Dateigröße kleiner ist. Dies hängt natürlich in erster Linie von der Datenmenge in der Datei ab.
Webnoob
@webnoob, sorry für die nicht präzise Erklärung, ich meinte Laufzeit JS Leistung.
Sasha.sochka
1
@ sasha.sochka AFAIK Es gibt keinen Leistungsgewinn für die JS-Engine.
Webnoob
Zusätzlich habe ich Funktionen wie diese gesehen - Funktion (i, s, o, g, r, a, m) . Eine andere Möglichkeit, die Anzahl der Zeichen zu verringern, oder?
Utsav T
2
@gilbertpilz - Das Minimieren hindert die Leute nicht daran, den Code zu stehlen. Durch die Verschleierung wird jedoch verhindert, dass Personen Ihren Code wiederverwenden können. Sie können es natürlich herunterladen, aber es wird Kauderwelsch und schwer zu folgen sein.
Webnoob
122

Beide unterstützen die gleichen Funktionen. jquery.min.jsist eine komprimierte Version von jquery.js(Leerzeichen und Kommentare entfernt, kürzere Variablennamen, ...), um die Bandbreite zu erhalten. In Bezug auf die Funktionalität sind sie absolut gleich. Es wird empfohlen, diese komprimierte Version in der Produktionsumgebung zu verwenden.

Darin Dimitrov
quelle
94
  • jquery.js = Hübsch und leicht zu lesen :) Lies diesen.

  • jquery.min.js = Sieht aus wie Quatsch! Hat aber eine kleinere Dateigröße. Stellen Sie dieses auf Ihre Website.

Beide sind in der Funktionalität gleich. Der Unterschied besteht nur darin, ob es für die Lesbarkeit gut formatiert oder für kleinere Dateigrößen kompakt formatiert ist.

Insbesondere wird der zweite minimiert , ein Prozess, bei dem unnötige Leerzeichen entfernt und Variablennamen verkürzt werden. Beide tragen dazu bei, dass der Code viel schwerer zu lesen ist: Durch das Entfernen von Leerzeichen werden Zeilenumbrüche und Leerzeichen entfernt, die die Formatierung durcheinander bringen, und durch das Kürzen von Variablennamen (einschließlich einiger Funktionsnamen) werden die ursprünglichen Variablennamen durch bedeutungslose Buchstaben ersetzt.

All dies geschieht so, dass es in keiner Weise das Verhalten des Codes beim Ausführen beeinflusst. Insbesondere wird das Ersetzen / Verkürzen von Variablen- und Funktionsnamen nur für Namen vorgenommen, die in einem lokalen Bereich angezeigt werden, in dem kein anderer Code in anderen Skripten beeinträchtigt wird.

thomasrutter
quelle
1
Warum würden Sie dann jemals die nicht minimierte Version verwenden? Ich meine, Sie verlinken nicht auf eine nicht minimierte Version, nur um sie zu lesen. Warum bieten sie das überhaupt an?
Sebastian Nielsen
24

Jquery.min.js ist nichts anderes als eine komprimierte Version von jquery.js. Sie können es auf die gleiche Weise wie jquery.js verwenden, es ist jedoch kleiner. In der Produktion sollten Sie daher eine minimierte Version verwenden, und beim Debuggen können Sie die normale Version jquery.js verwenden. Wenn Sie Ihre eigene Javascript-Datei komprimieren möchten, können Sie diese Kompressoren verwenden:

Oder lesen Sie einfach topis auf StackOverflow über js Komprimierung :):

Jarek
quelle
1
Der wahrscheinlich beste Kompressor ist heutzutage UglifyJS. Vor langer Zeit war der Closure Compiler von Google der beste.
Thomasrutter
8

In einfacher Sprache sind beide Versionen absolut gleich. Der einzige Unterschied ist:

  • min.js ist für Websites (online)

  • .js ist für Entwickler gedacht, Leute, die JQuery-Codes lesen, kennen oder / und verstehen müssen, z. B. für die Plugin-Entwicklung (offline, lokale Arbeit).

Xfile
quelle
5

Beide enthalten die gleiche Funktionalität, aber das Äquivalent von .min.js wurde in der Größe optimiert. Sie können beide Dateien öffnen und ansehen. In der Datei .min.js werden Sie feststellen, dass alle Variablennamen auf Kurznamen reduziert wurden und dass die meisten Leerzeichen und Kommentare entfernt wurden.

Kris van der Mast
quelle
3

jquery.js: Wenn Sie in den Quellcode von jquery eintauchen müssen. jquery.min.js: Komprimierte Version zum Einsparen von Bandbreite

Es gibt eine weitere Option zum Einsparen von mehr Bandbreite als die komprimierte Version, die so etwas wie Google CDN verwendet: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

PeterWong
quelle
3

Zusammenfassung - Beliebte JS-Frameworks wie JQuery oder Dojo bieten eine kommentierte, hübsch formatierte Version mit Kommentaren für ENTWICKLUNG und eine minimierte Version (schneller) ohne Kommentare usw. für PRODUKTION

jquery.js - Entwicklung jquery.min.js - Produktion

Sebastian Lasse
quelle
2

Welche Bibliothek sollten Sie laden, wenn Sie JQuery auf einer Produktionssite ausführen? JQuery.js oder JQuery.min.js? Die kurze Antwort lautet: Sie sind im Wesentlichen gleich und haben dieselbe Funktionalität.

Eine Version ist lang, während die andere die minimierte Version ist. Das Minimierte wird komprimiert, um Platz und Ladezeit für Seiten zu sparen. In der verkleinerten Version wurden Leerzeichen entfernt, sodass sie nicht mehr lesbar sind.

Wenn Sie die JQuery-Bibliothek auf einer Produktionssite ausführen möchten, empfehlen wir die Verwendung der minimierten Version, um die Ladezeit der Seite zu verringern, die Google jetzt in ihrem Seitenranking berücksichtigt.

Eine weitere gute Option ist die Verwendung der Online-Javascript-Bibliothek von Google. Dies erspart Ihnen das mühsame Herunterladen der Bibliothek sowie das Hochladen auf Ihre Website. Darüber hinaus verwendet Ihre Site beim Laden von JQuery keine Ressourcen.

Die neueste minimierte JQuery-Version von Google finden Sie hier.

Sie können auf Ihren Seiten darauf verlinken, indem Sie:

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

Ayush Sugandhi
quelle
1

jquery.min ist eine Komprimierungsversion. Es wurden Kommentare entfernt, neue Zeilen, ...

Robdoan
quelle
1

Wenn Sie die JQuery von Google CDN verwenden, wird die Leistung ernsthaft um das 5- bis 10-fache der Leistung verbessert, die Sie Ihrer Seite hinzufügen, die heruntergeladen wird. Außerdem erhalten Sie die neueste Version der Jquery-Dateien.

Der Unterschied zwischen beiden Dateien, dh jquery.js und jquery.min.js, ist nur die Dateigröße. Aus diesem Grund werden die Dateien schneller heruntergeladen. :) :)

Hitesh
quelle