Ich habe eine Webseite, die ich lokal auf einem WebKit-Mobilbrowser (nicht auf einem Webserver) ausführe und die etwa 27 MB JavaScript-Dateien enthält, JA 27 MB JavaScript-Dateien. Es ist, weil ich benutzerdefinierte JSON-Objekte und Arrays hart in meiner .js-Datei codiert haben.
Ich habe den gesamten JS-Inhalt in 27 kleine .js-Dateien von etwa 1 MB aufgeteilt.
Das Problem ist, dass wenn ich diese .js-Dateien in meine Kopfzeile einfüge, die Ladezeit der Seite sehr stark ansteigt.
Ich würde gerne wissen, wie ich die Ladezeit der Seite in einem solchen Fall, in dem die js-Dateien erforderlich sind, reduzieren kann.
1) Gibt es eine Möglichkeit, wie wir die .js-Dateien in den HTML-Code einfügen können, nachdem die Seite zum ersten Mal geladen wurde? (denn der JavaScript-Inhalt kommt erst ins Bild, wenn ein Link auf der Seite angeklickt wird)
2) Was wäre eine optimale Lösung, um einen so großen JavaScript-Inhalt in eine Webseite einzubinden? Ich habe alle meine js-Dateien minifiziert, um die Dateigröße so weit wie möglich zu reduzieren!
Vielen Dank im Voraus.
UPDATE 1:
Die Seite läuft lokal und es ist kein WEB SERVER beteiligt. Schließlich würde sie innerhalb eines mobilen Browsers laufen, und so entstand das Problem, dass die Ladezeit im mobilen Browser sehr hoch ist und wir die anfängliche Ladezeit reduzieren wollen.
