jQuery und andere Frameworks von CDN verwenden mit Fallback

js - javascript - jquery - mootools - script - ajax

Mehrere große Firmen hosten Javascript Libaries wie jQuery auf auf deren CDN’s (Content Delivery Network). Der größte Anbieter ist hierbei vermutlich Google, aber auch Microsoft oder jQuery selbst bieten die Möglichkeit, dass Framework von deren Server einzubinden. jQuery oder andere Frameworks von diesen CDN’s einzubinden, hat einige Vorteile. Zum einen spart man Traffic, der Download ist schneller und möglichweise ist der Download gar nicht erst nötig, da das Script bereits vom Besucher auf einer anderen Seite in den Browsercache geladen wurde.

Natürlich gibt es nun auch die Möglichkeit, dass die CDN’s der großen Firmen möglicherweise nicht erreichbar sind. Wenn dieser Fall eintritt, ist das natürlich ein Supergau, da die Website nicht mehr über jQuery oder ein anderes auf den CDN’s gehosteten Frameworks zurückgreifen kann. Deswegen ist die Sicherheit viel größer, wenn man das entsprechende Script lokal auf dem eigenen Server bereitstellt.

Wie man sieht, haben beide Methoden Vorteile, also ist wohl die beste Lösung einfach beide Methoden zu kombinieren. Wenn das CDN nicht erreichbar ist, laden wir einfach unser lokales Skript:

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.6.1.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>