Mischen mehrerer jQuery-Dateien - Best Practice?

8

Ich fange an, JavaScript und jQuery zu lernen. Ich habe es geschafft, ein paar Verbesserungen vorzunehmen und so weiter, alles ist in Ordnung. Aber ich habe darüber nachgedacht, ob es eine bewährte Methode ist, mehrere jQuery-Dateien und Plugins zu mischen. Zum Beispiel:

Ich habe jQuery 1.3.2 min.js, jQuery easing 1.3.js, jQuery Cycle min.js und jQuery UI. Wäre es empfehlenswert, jQuery (main), jQuery easing und jQuery cycle in nur einer Datei zusammenzufassen?

Bitte geben Sie mir etwas Licht.

Danke,

    
Vitor 30.12.2009, 17:10
quelle

5 Antworten

6

Halten Sie die Dateien getrennt und verwenden Sie Ihr Back-End, um sie als Teil Ihres Bereitstellungsprozesses zu minimieren und zu entpacken. Wie andere bereits erwähnt haben, spart dies Ihren Benutzern unnötige Anfragen und es erspart Ihnen die Pflege einer riesigen hässlichen Datei.

Der zusätzliche Vorteil hier ist, dass Sie die ausführlichen, kommentierten, vollständigen Dateien für all diese in Ihrem Quellbaum (zum Lesen / etc) aufbewahren können, während Sie die komprimierten für die Benutzer bereitstellen.

    
rfunduk 30.12.2009 17:25
quelle
5

Sie können es tun. Es speichert die Menge an HTTP-Anfragen, um den gesamten JS-Code zu holen. Es ist nur ein bisschen schwerer zu warten, aber es überwiegt meiner Meinung nach nicht die Vorteile, die Sie (und der Client!) Mit weniger HTTP-Anfragen haben.

Wenn Sie eine serverseitige Sprache und gute Implementierungstools verwenden, können Sie sogar das Minimieren und Zusammenführen von JS-Dateien vor der Veröffentlichung automatisieren. Wir machen es auch hier mit ein wenig Hilfe von YUI Compressor und ein paar Zeilen Java-Code in einer Batch-Anwendung. Funktioniert gut, die Endbenutzer profitieren von weniger HTTP-Anfragen und die Entwickler haben den Vorteil, dass sie die gesamte Zusammenführung und Wartung nicht manuell durchführen.

    
BalusC 30.12.2009 17:13
quelle
4

Da Google darüber nachdenkt, die Reaktionsgeschwindigkeit der Website als Qualifikationsmerkmal für den Rang in Betracht zu ziehen, sollten Sie JS besser in eine Datei kompilieren. YSlow ist ein gutes Werkzeug, um Ihnen dabei zu helfen, den optimalen Weg zu finden, um so etwas zu tun.

    
Darrell Brogdon 30.12.2009 17:19
quelle
2

Nein, ich würde die Dateien getrennt halten. Es hält die Funktionalität getrennt und macht es einfacher, alle späteren Versionen der Plugins neu zu pluginieren, wenn Sie möchten.

Indem Sie die Datei so bearbeiten, dass sie den gesamten Plugin-Code enthält, führen Sie inhärent zu einem Risiko, da die Datei selbst nicht den Tests der ursprünglichen Code-Base-Autoren unterzogen wurde.

Sicher würde ich argumentieren, dass alle Vorteile durch die Fallstricke erheblich aufgewogen werden.

    
James Wiseman 30.12.2009 17:13
quelle
2

Dies ist wahrscheinlich eine späte Antwort, aber ich würde versuchen, so viele Dateien wie möglich von den CDNs von Google, Microsoft usw. zu liefern. Selbst wenn Sie mehrere Dateien referenzieren, ist die Wahrscheinlichkeit hoch, dass jemand bereits eine Datei von einer anderen Website heruntergeladen hat, und es wird vermieden, sie erneut herunterzuladen.

Wie für benutzerdefinierte, in-house, JavaScript, schreibe ich 99% meiner JS in einem jQuery-Plugins, auch wenn ich nur dieses Plugin auf einem Formular verwenden werde. Dann kann ich alle meine JS in einer Datei kombinieren, über Google Closure ausführen und bereit machen.

Die andere 1% ist, wo jede Seite die Plugins aufruft und welche Parameter sie benötigt.

    
Mark 17.03.2010 16:26
quelle

Tags und Links