Hello everyone, welcome to my today's post on "jQuery Google CDN". In my last tutorial i was discussed about "how to create 3layers drop down menu using jQuery". Hope you enjoy that one. Today I am going to present a technique that How to load jquery scripts very quickly using google CDN. Last few years, Google have been hosting several JavaScript libraries like jQuery, Prototype,Scriptacoulous, Mootools, for a while now on Google Code and there are several advantages to loading it from them instead of from your server.

jquery CDN

It saves on bandwidth, it loaded very quickly from Googles CDN and most importantly already be cached if the user has visited a site which delivers it from Google Code.

This makes a lot of sense. How many sites out there are serving up identical copies of jQuery that are not getting cached. Lets see how to add code in your website.

 - How to Load/Use jQuery Source Code From Google CDN:

There are 2 methods are available to integrate CDN code in you website. You can also choose minified or non-minified version. On going development process we are using non-minified version and product release time we are using minified version. Minified version compressed in Gzip format.

First one is -

jquery google cdn script load

Here goes second method. You can just include a direct reference like this.

jquery google cdn script load

You can simply copy and paste this scripts in your web page and i am sure scripts work very well. I am also use this code in my several project as well as in this web site too. I love to use it.

- Download jQuery CDN Integration code in Text format:

http://demos.coolajax.net/jquery/google_cdn/scripts.txt

That's all for today. I hope you enjoyed it.Thanks for reading my tutorials.

Was this information useful? What other tips would you like to read about in the future?  Share your comments, feedback and experiences with us by commenting below!



Like our site? Be a member of Coolajax fan page to get daily posts updates!

recommended-tutorial You May Like This Posts!

» Jquery Tutorial: Hide An Element

» 4 jQuery snippets you can use to manipulate select input

» Life saving jQuery Mobile Code Snippets

» Create Image Blink with Fade In Effect

» Toggle Effect In Jquery

  tuts_view Total Read: 1166
blog comments powered by Disqus

Topics

Coolajax Fans

coolajax fan page on Facebook