Čo je to CDN v spojitosti pri tvorbe web stránky?
V jednoduchosti je to server, odkiaľ môžeš sťahovať nejaké scripty, knižnice bez toho, aby si ich mal sám na svojom hostingu.
Napr. stránka jQuery.com alebo getbootstrap.com, ponúka možnosť sťahovať ich knižnice z cdn serverov.
Otvor si napr. na stránku jQuery.com a klikni na Download. Zoscrolluj dole, kde uvidíš Using jQuery with a CDN.
Napr. otvor server Google, ktorý je stabilný a už len vyberieš verziu, ktorú potrebuješ a vložiš do svojej stránky.
Vidíš že stránka nemusí začínať slovom "cdn". Je to len skratka od "content distribution network".
Má to výhodu, že keď niekto otvorí tvoju stránku, tak sa začnú sťahovať súbory k nej súvisiacej nie len z tvojho hostingu, ale aj z iných stránok, čo zrýchli načítanie tvojej web stránky.
Keď používaš viacero treťo stranových knižníc, tak môžeš podstatne zvýšiť load tvojej stránky.
Nevýhoda je, že keď vypadne externý cdn server, tak tvoja stránka bude nefunkčná.
Existuje spôsob, ako vložíš lokálny súbor z tvojho hostingu, keď cdn server neodpovedá:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script>
V prvom riadku používaš cdn a v druhom testuješ, či je jQuery prístupné. Ak nie je, tak vložíš cez funkciu document.write lokálny script napr. z adresára js/libs, ako je v príklade.
Tiež to môžeš poriešiť napr. treťo stranovou knižnicou http://yepnopejs.com/, ktorej zadáš paramentrom aký cdn odkaz použiť a ak nie je prístupný, nahrá sa na miesto neho interný súbor.
Tu je príklad:
yepnope([{
load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js',
complete: function () {
if (!window.jQuery) {
yepnope('local/jquery.min.js');
}
}
}]);
Happy Coding.
