2016-07-12 11 views
1

Ich halte immer Effizienz und Leistung als erste Priorität ...Effizienz beim Laden von JavaScript

Also habe ich eine Frage im Kopf ... Welche wird schneller geladen werden.

Fall 1:

Ein 1000-Leitungscode in einer einzelnen Datei an der Unterseite des Körpers Tages platziert.

Fall 2:

Der gleiche Code 1000 Zeile unterteilt in separate Dateien mögen.

Datei 1 - 200 Zeilen.

Datei 2 - 200 Zeilen.

Datei 3 - 200 Zeilen.

Datei 4 - 200 Zeilen.

Datei 5 - 200 Zeilen.

+1

Erstens, weil das ist nur eine Anfrage, denke ich. – vaso123

+0

@ HanletEscaño OP traurig: _Die gleichen 1000 Zeile_ – vaso123

+0

Wie Ihre Frage festgelegt ist, hat dies nichts mit jQuery zu tun –

Antwort

3

Fall 1 wird schneller sein.

Bei jeder neuen Datei wird der Browser eine Anfrage an den Server senden, es ist also zusätzliche Zeit (ca. 200ms). Wenn Sie eine einzige Datei verwenden, ist dies effizienter, da der Browser nur eine einzige Anfrage an den Server stellt.

Weitere Informationen zum Beschleunigen von Websites in this article.

+0

Dieser Artikel hat mir geholfen! Ich habe festgestellt, dass ich eine Menge gegen die Regeln der Webentwicklung für die beste Leistung mache. –

1

Fall 1 ist schneller.

Im Allgemeinen möchten Sie einen gut lesbaren und leicht zu wartenden Code erstellen. Oft sollten Sie dies über die Effizienz bevorzugen.

Wie erhalten Sie das Beste aus beiden? Intern sollten Sie den Code so verteilen, dass er leicht zu pflegen ist. Aber wenn Sie online gehen, würden Sie ein Skript schreiben, das alles in einer Datei zusammenfasst. Ein Beispiel sind viele Javascript-Frameworks, wie JQuery. Es gibt eine leicht zu lesende und zu pflegende Version und auch eine minimale, sehr komprimierte Version. Später ist es etwas schneller aber sehr benutzerunfreundlich. Intern arbeiten sie an der benutzerfreundlichen Version und verwenden dann ein Skript, das die Minimalversion daraus erstellt.

+1

[Browserify] (https://github.com/vigetlabs/gulp-starter/wiki/What-is-Browserify%3F) ist ein anderes gutes Werkzeug –