Best Practice zur Optimierung des Ladens von Javascript

Ich habe einige Artikel über die Optimierung des Ladens von Javascript online gelesen. Ein paar wichtige Punkte, die ich erhalten habe, sind die Minimierung der Anzahl der Skriptdateien (http-Anforderungen), die Minimierung und die Aktivierung von gzip auf dem Server. Momentan wird auf meiner Seite so vorgegangen, dass alle Javascript-Dateien minimiert sind und gzip auch einfach aktiviert werden kann.

Teil 1)

Mein Problem ist, dass ich ungefähr 20 Javascript-Dateien habe, es gibt eine common.js, die alle Kernfunktionen hat. Außerdem würde jede Seite mindestens eine andere Datei laden, die die Funktionalität dieser Seite implementiert.

Lösung 1: Kombinieren Sie alle Skripte in einer großen Skriptdatei und laden Sie sie einmal für jeden Client. Dies scheint das zu sein, was alle anderen tun. Ich denke, YUI oder JSMin können zum Komprimieren verwendet werden, also sollte ich die Dateien manuell kombinieren?

Lösung 2: Fauler Ladevorgang, wenn eine erforderliche Funktion benötigt wird. Ich weiß nicht genau, wie dies funktioniert, aber es scheint eine Möglichkeit zu sein, dies zu tun, obwohl immer noch weitere http-Anforderungen erforderlich sind. Ich würde gerne irgendwelche Inputs dazu hören.

Teil 2)

Die Webanwendung, an der ich arbeite, wird auf vielen anderen Computern bereitgestellt, da Javascripts recht klein sind. Es empfiehlt sich, ein Skript zu erstellen, das das neueste Skript dynamisch von einem zentralen Server lädt, sodass jeder Client das neueste Skript ausführt ?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage