Speichern jquery Code in externe Datei und Verzeichnisstruktur? [geschlossen]

Question

Kann jeder kann die beste Idee zum Speichern jquery Code bestätigen, zunächst war ich alles in den Kopf eines Dokuments eingefügt, aber ich bin mehr und mehr Code zu sehen, über mehrere Seiten verwendet wird,

Ist die beste Methode, um Dateien zu verwenden ist .. mit der Erweiterung .JS?

Alles andere oder besser mit Bezug auf das?

Was wäre der beste Ort, um meine Js zu speichern Datei, wenn dies der Fall ist ..

der Wurzel i haben

/ css / Scripts

etc ... / scripts ist, wo meine Jquery-Dateien sind ... aber ich sollte für meine Js-Dateien mit dem gleichen sein?

Wer eine Empfehlung über Verzeichnisstruktur hat?

Answer 1

Sie sollten so viel Code speichern, wie können Sie in JS-Dateien, denn das ist der Browser nur einmal in alle Anfragen und Wiederverwendung downloaden erlauben würde.

Wenn Sie Ihren Code direkt im HEAD-Abschnitt im Klartext enthalten sind Sie, dass Code zwingen in jeder Anforderung heruntergeladen werden, um die Seite Übertragung verlangsamen.

Das Verzeichnis, in dem Sie die Dateien speichern ist Ihnen wirklich ... Ich benutze /css und /js, aber /scripts ist auch in vielen Gelegenheiten verwendet wird.

Answer 2

Wo Sie JavaScript auf der Seite einfügen hängt davon ab, was Sie zu tun versuchen. Es gibt Argumente Ihren JavaScript am Ende der Seite für Geschwindigkeit willen zu verbinden, so dass der Browser kann die Seite laden, bevor Sie JavaScript zu analysieren / execute versuchen. Natürlich, wenn Sie die JavaScript benötigen, bevor Sie Ihre Seite geladen auszuführen, müssen Sie im Kopf des Dokuments setzen. Es ist wirklich an Ihnen und Ihren Bedürfnissen.

Js ist die Standard-Erweiterungen für JavaScript-Dateien, so dass es vorzuziehen wäre, zu halten, dass die Verwendung. Es ist eine gute Idee, um Ihre JavaScript-Dateien zu verbinden, anstatt sie direkt auf der Seite setzen, so dass der Browser des Benutzers können die JavaScript-Dateien zwischenzuspeichern.

Wenn Sie die Skripte zu speichern ist bis zu Ihnen, aber es scheint wie eine feine Idee, alle Dateien Ihrer jQuery zu speichern in einem / scripts-Verzeichnis.

Answer 3

Es braucht nicht zu kompliziert zu sein. Ja, das ist sicher mit der JS-Erweiterung zu speichern, aber Ihre Javascript getrennt von 3rd-Party-Bibliotheken zu halten wird auch empfohlen.

Hier geht es um alles, was man braucht:

.
./js/jquery/jquery.js
./js/yourfiles.js

Oder legen Sie Ihre Dateien unter Ihrem Firmennamen:

./js/companyname/yourfiles.js

Und wie andere gesagt haben: Setzen Sie Ihre JS am Ende der Datei, wenn überhaupt möglich

.

Answer 4

Seb ist richtig, aber eine Sache hinzufügen, versuchen Sie alle Ihre JS und CSS-Dateien in eine für jede zu komprimieren.

Egal, ob die Dateien im Cache gespeichert werden, gibt es immer noch eine Round-Trip-Anfrage an den Server für jede einzelne Datei zu prüfen, ob es aktualisiert wurde. Dies kann die Erfahrung des Benutzers verlangsamen, wenn es viele JS und CSS-Dateien.