Merhabalar,
Web development'la biraz icli disli olan herkes JQuery'yi kullanmis veya duymustur. Genellikle yapilan JQuery'nin official sitesine gidip size uygun bir versiyonu indirip ardindan da projenize dahil etmektir. Bugun size bunu yapmanin farkli bir yolunu ve neden boyle yapmaniz gerektigini anlatacagim.
JQuery kutuphanesini projenize yuklemeyin :). Simdi ne sacmaliyorsun diyeceksiniz ama biraz sabir diyorum.
Herhangi bir kullanici sitenize ilk defa baglandigi zaman veya temporary internet files klasorunu bosalttigi zaman JQuery'yi sistemine indirir eger ki siz
<script type="text/javascript" src="/js/jQuery.min.js"/></script>
gibi bir kod eklemisseniz. Tamam bu normal diyeceksiniz ancak JQuery'yi google api ile yuklerseniz daha once google'a girmis bir userin (%99 ihtimal) sizin bu dosyanizi indirmesine gerek kalmayacaktir. Dolayisiyla bu sayfanizin yuklenmesine bir hiz katacaktir. Content delivery network kisaca CDN hizmeti veren google'dan istediginiz JQuery'i versiyonunu yuklemek size baglanan kullanicinin ayni zamanda en yakin CDN server'indan bu dosyayi indirmesini saglayacaktir ki bu da ayrica bir hiz saglar. CDN hizmeti veren baska kurum ve kuruluslar olmasina ragmen google'in bu hizmeti bedava vermesi ve herkesin google kullaniyor olmasi onu 1 numara yapiyor.
Bunun disinda baska bir performans avantaji google serverlari sizin serverinizdan cok daha hizli bu kesin.. Dolayisiyla cok hit alan bir sayfaniz varsa bu download trafigini google cdn serverlarina aktarmak size yine avantaj saglayacaktir. Ayrica browserlarin buyuk bir cogunlugu serverlara gereksiz fazla yuklenmeyi engellemek icin host basina ayni anda en fazla 2 connection acmaktadir. Bu da su demek oluyor www.volkanmetin.com.tr'ye baglandiginizda bu hostun oldugu server'dan content indiriliyor + google analytics verisi isleniyor + facebook ve twitter connection yapiliyor ve bunlarin her biri 2 paralel process ile indiriliyor. Dolayisiyla CDN kullanirsaniz bu hosttan indirecegi content'i daha rahat indirecektir. (Parallel calisma artacak)
Anladik avantajlari var peki google CDN kullanarak JQuery'i nasil yukleyecegiz. Iste 2 method.. 1.si google'in onerdigi, 2.si good old fashioned method...
Buradan hangi versiyonlarin google cdn'de host edildigine bakabilirsiniz.
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Burada istediginiz versiyonu yukleyebilirsiniz..
google.load("jquery", "1.4.4");
google.setOnLoadCallback(function() {
// Burasi da $(document).ready() icin kullanabileceginiz alternatif..
});
</script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
});
</script>