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?

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.


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.


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.


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 :):


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).


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.



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


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/


1

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


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. :) :)

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.