Also habe ich eine Web-App mit mehreren JS-Dateien (jQuery, jQuery, meinem eigenen JS-Code und mehr). Angenommen, ich habe eine Seite namens index.html. Was wäre die beste Vorgehensweise, um meine js-Dateien einzubinden / zu laden? Ich habe darüber nachgedacht, eine separate JS-Datei zu erstellen, die das Preloading durchführt (alle anderen Skripte einbeziehen und jQuery.noConflict () aufrufen). Was schlägst du vor? Ist das möglich? Wie würdest du es umsetzen?
Danke!
Kombinieren Sie im Allgemeinen Ihre Skriptdateien in einer Datei (und minify oder komprimieren sie oder kompilieren sie, aber beachten Sie, dass dieser letzte Punkt nicht Null-Auswirkungen, gibt es Schmerzpunkte). Siehe die Anmerkungen hier und hier . Im Grunde ist eine der ersten Richtlinien, die Sie für eine gute schnelle Seitenauslastung sehen, "HTTP-Anfragen minimieren". Sie möchten also nicht sechs separate script -Tags haben, an denen Sie eine haben könnten.
Bei beliebten Skripten können Sie jedoch davon profitieren, sie aus dem Google-CDN zu verwenden . Google ist so freundlich, die beliebtesten JavaScript-Bibliotheken kostenlos auf seinem CDN zu hosten. Der Vorteil hier ist nicht nur, dass das CDN ziemlich schnell ist, sondern auch, dass der Browser des Zielbenutzers eine zwischengespeicherte Version des Skripts hat, das Sie verwenden möchten, obwohl sie noch nie auf Ihrer Site waren vorher.
Sehen Sie sich RequireJS an, einen intelligenten und robusten Skriptlader für JavaScript. Es wurde entwickelt, um gut mit jQuery zu funktionieren und verfügt über ein Optimierungstool , um alle Ihre Skripte zu einem zu kombinieren.
Der beste Weg ist, alle js-Dateien zu minimieren und sie zu einem Skript zusammenzufassen. Dies wird weniger Arbeit für den Browser verursachen, da es nicht mehrere Anforderungen an den Server stellen muss.
Wenn Sie alles gleichzeitig hochladen, können Sie alles in eine einzige komprimierte Datei einfügen
Tags und Links javascript file preload