Nico Steiner - Frontend-Entwicklung und -Architektur

Samstag, 12. Januar 2008

Laden von JavaScript und CSS - Teil 1

Die Idee, die als Motivation dieser Arbeit diente, war die, daß es möglich sein müßte, externe Ressourcen wie JavaScript und CSS nur den Seiten zuzuordnen, die diese auch wirklich benötigen.
Die erste Lösung bestand darin, mittels XSLT eine Konfiguration vorzugeben, welche einer einzelnen oder mehreren Seiten bestimmte Ressourcen in Form von Modulen zuteilen. Also etwa in der Art:

<page name="Home">
<module>yui-animation</module>
<module>local-css</module>
</page>

Wobei ein Modul dann folgendermaßen aussieht:

<module name="yui-animation">
<script>yui/yahoo/yahoo-min.js</script>
<script>yui/dom/dom-min.js</script>
<script>yui/event/event-min.js</script>
<script>yui/animation/animation-min.js</script>
</module>

Dies funktioniert gut, solange sich keine Ressource eines eingebundenen Moduls mit der eines anderen Moduls überschneidet. In diesem Fall würde es dazu kommen, daß Ressourcen doppelt oder sogar öfter eingebunden werden. Da sich in der Praxis jedoch gezeigt hat, daß dies bei komplexeren Seiten ständig der Fall ist, mußte eine Lösung her, die zusätzlich zur Definition der Module auch ein intelligentes Management der Abhängigkeiten der Module untereinander und deren korrekte Auflösung ermöglichte.

Geschrieben von Nico Steiner in Referenzen um 18:03 | Kommentare (0) | Trackbacks (0)