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

JavaScript Events für Responsive Webdesign Responsive Webdesign ist nicht nur begrenzt auf geschicktes HTML & CSS sondern hat auch Auswirkungen auf JavaScript. Zum einen möchte man, dass be...
Microjs – Micro-Frameworks für Vanilla Javas... Im Bereich der Webentwicklung herrscht derzeit eine "Totschläger-Mentalität" - erster Schritt beim Aufsetzen einer neuen Seite, bzw. des grundlegenden...
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...
Moderne JavaScript DevTools in Chrome Alles ändert sich, auch JavaScript. Oder besser gesagt die Art wie JavaScript eingesetzt wird. Früher ist man mit den DevTools von Chrome hingegangen ...

3 Kommentare

Schreibe einen Kommentar