Boxjs – Script Loading mittels CDN

Es gibt inzwischen einige Skripte die sich mit nichts anderem beschäftigen, als die eigentlichen Skripte, die man auf der Webseite benötigt, nachzuladen. Dabei kommt es auf die richtige Reihenfolge in Kombination mit  diversen Optimierungs-Möglichkeiten an. Dabei kann dies durchaus haarige Auswirkungen haben wenn ein Defer zum Einsatz kommt, und man sich von einem Flash of unstyled Content zum nächsten hangelt. Die Skripte besitzen durchaus Potenzial mehr Arbeit zu generieren, als Nutzen zu bringen.

Screenshot der Boxjs Homepage

Bei Boxjs handelt es sich ebenfalls um ein solches Skript, aber mit einem vollkommen anderen Ansatz. Der grundlegende Aufruf ist zumindest vergleichbar mit den „herkömmlichen“ Skripten:

Box('http://mywebsite.com/scripts/', [
        'plugins/jquery.js',
        'plugins/json2.js',
        'plugins/jquery-class.js'
]);

Aber was passiert dann? Anstatt die Dateien auszuliefern verbindet sich Boxjs mit dem eigenst dafür erstellen Service in der Cloud. Dort werden alle verwendeten Javascripts gesammelt, gepackt und zu einer einzigen Datei zusammengefügt. Sie werden dann direkt vom Boxjs-Server mit einem geeigneten Caching von deren CDN ausgeliefert. Eigentlich eine logische Entwicklung die ein optimiertes Laden von Skripten und die Cloud miteinander verbindet.

Ähnliche Beiträge

Cartoview – Mashups Made Simple Zu jeder besseren Web2.0-Anwendung gehört heutzutage eine Map, sei es nur um Daten zu visualisieren, aber auch zur Nutzung von Location Based Services...
Enquire.js – Media Query Callbacks in JavaScript Media-Queries sind eine richtig schicke Angelegenheit, ohne die ein Responsive Design nicht möglich wäre. Ganz einfach ausgedrückt läuft die Sache so:...
Einfaches HTML Testing mit dem HTML Inspector Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde ande...
Entwurfsmuster für JavaScript Entwurfsmuster (englisch: Design Patterns) sind eine Art Best Practice für Programmiersprachen. Also der optimale Weg ein Ziel zu erreichen. Entwurfsm...

3 Kommentare

Schreibe einen Kommentar