jQuery CDN osiguran od pada

CDN je kratica za Content Delivery Network. Čini ga skup web servera raspoređenih na više lokacija po svijetu koji korisnicima omogućuju učinkovitiju isporuku sadržaja na web stranice. Sadržaj se korisniku dostavlja sa njemu najbližeg servera i web stranice se zbog toga brže učitavaju.

Ponekad je dovoljno da samo određeni dokumenti (u ovom slučaju jQuery framework) budu dostupni kroz CDN pa da se učitavanje web stranica ubrza. CDN za jQuery potpuno besplatno se može koristiti na Google, Microsoft ili drugim serverima.

Postoji niz prednosti zbog kojih koristiti CDN: Sadržaj će se brže učitati nego sa vlastitog servera, ne treba plaćati bandwith za promet tih dokumenata, JavaScript dokument može već biti otprije spremljen u korisničkom web pregledniku (browser cache) ako je korisnik bio na stranici koja ga je već koristila itd.

Da bi koristili jQuery Google CDN dovoljno je da umjesto uobičajenog pozivanja lokalne JavaScript datoteke jednostavno unesemo slijedeći kod:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Isto tako možemo koristiti Microsoft CDN:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>

No što u slučaju da je CDN server iz bilo kojeg razloga nedostupan? Tada se može dogoditi da se jQuery ne može učitati i stranica neće funkcionirati kako treba.

Da bi spriječili da se to dogodi potrebno je osigurati se od slučaja pada CDN, odnosno omogućiti da ukoliko je CDN nedostupan učitamo jQuery JavaScript koji se nalazi na vlastitom serveru. Za to nam je potreban slijedeći kod koji stavljamo ispod jednog od gore navedenih:

<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.4.js"%3E%3C/script%3E'))</script>

Ovaj kod je preuzet sa stranice http://html5boilerplate.com by Paul Irish & Divya Manian i radi se o HTML5 specifikaciji.

Na taj način možemo dobiti na performarsama stranice jer jQuery (ili neku drugu datoteku) učitavamo sa CDN a osigurani smo da će stranica normalno funkcionirati ukoliko je on nedostupan. Zgodna stvar.

Izmjena 16.11.2010.

Microsoft CDN je sada dostupan na novoj domeni: ajax.aspnetcdn.com, koju su dodali kako bi ga ubrzali. Novi CDN više nije na microsoft.com domeni zbog "kolačića" (cookies) koji su usporavali stvar. Njihova testiranja su pokazala da je brzina sada veća za 20%.

Prijašnja domena ajax.microsoft.com je još uvijek dostupna i tako će i ostati ali je preporuka da se pređe na novu domenu. Više detalja o Microsoft CDN i koje sve JavaScripte sadrži može se saznati na: http://www.asp.net/ajaxlibrary/cdn.ashx.