T-Rex: JavaScript modularisieren

Beitrag lesen

Moin Heiko,

dein Vorhaben ist Lobenswert und ein logischer Schritt in deiner Entwicklung als Entwickler.
Ich möchte hier zu Diskussionszwecken meine Lösung präsentieren.
Ich habe Javascript Dateien in diversen Ordnern verstreut. Im Moment sind das Basis Klassen in einer Bibliothek und für die Projekte individuelle Javascript Klassen. In meinem HTML code lade ich eine einzige Javascript Datei. Die heißt z.B. 1317311073.js. Der Name wird im PHP bestimmt und als Templatevariable ins HTML gegeben (also dynamischer Name). Der Name orientiert sich an der aktuellsten Javascriptdatei und gibt deren Änderungsdatum als Timestamp zurück. Per htacces leite ich den Aufruf an ein PHP Script. Dieses wiederum vereint alle Javascript Dateien und gibt diese gebündelt und komprimiert zurück.

Vorteil:

  • Der Name der Javascript Datei heißt bei einer Änderung anders. Das umgeht das leidige Problem das Javascriptdateien gecached werden.
  • Die Javascript Sachen sind komprimiert, was einges an Traffic spart und Ladezeit bringt.
  • Du hast nur einen Request für dein Javascript Zeugs.

Nachteil:

  • Es werden auch Javascript Sachen geladen die du eventuell nicht brauchst auf der Seite. Sollte dich das Stöhren finde ich den Ansatz von YUI (von Yahoo) sehr interessant. Denn die haben ihre Bibliothek in Module aufgeteilt. Wenn du die Basisklasse Lädst musst du angeben welche Module du brauchst. Die werden dann in das Script nachgeladen.

Freue mich über Kritik meiner Idee!

Gruß
Kritik freudiger
T-Rex