Whether you're new to jQuery or are simply reevaluating the way you use it, it's worth looking into the most practical way to load it onto your website. Up until a few years ago, the only option was to upload a copy into each website's directory.

Now, a myriad of web-hosted options are available, the most popular of which is Google Libraries API, a content distribution network for common JavaScript libraries, including jQuery. Of these two options, which is the best solution for your development needs? The best way to answer this question is to take a look at some of their features side-by-side.

Please go to the inner post-page for full questions & answers to choose the best jQuery solution. Or read more other posts:

- Awesome and Advance JavaScript Tutorials
- Reuse JavaScript codes as jQuery Plugins: Tutorials and Examples
- 5 Good JavaScript Habits for Better Improvement

• Demo
• Enlarge
• Reload
• New window

Whether you're new to jQuery or are simply reevaluating the way you use it, it's worth looking into the most practical way to load it onto your website. Up until a few years ago, the only option was to upload a copy into each website's directory. Now, a myriad of web-hosted options are available, the most popular of which is Google Libraries API, a content distribution network for common JavaScript libraries, including jQuery. Of these two options, which is the best solution for your development needs? The best way to answer this question is to take a look at some of their features side-by-side:

1) How long much time is consumed by script downloads?

Google Libraries API:
Because the script request is made on a different server, script download (it it's even necessary; see below) would take place in parallel with your server scripts.

Self-hosted:
Runs on the same server as your website, so it loads in succession with other scripts, adding to overall download time.

2) How does it utilize the user's cache?

Google Libraries API:
Since so many websites utilize this library, it's very likely that the user already has this file in their cache and won't need to download it again when they visit your site, speeding up load time.

Self-hosted:
Located in one place: your server. Download times are affected by the user's proximity to your server.

3) Which server delivers the code?

Google Libraries API:
Circulates your static code across a broad range of servers worldwide using a Content Delivery Network (CDN), thereby minimizing download times by automatically choosing the server closest to the user.

Self-hosted:
Located in one place: your server. Download times are affected by the user's proximity to your server.

4) Can I customize the script?

Google Libraries API: No.

Self-hosted: Yes.

5) How much control do I have over security?

Google Libraries API:
None; if someone hacks into Google, the script running on your site could be at risk. However, we're talking about Google here. The likelihood of their well-financed security getting hacked is slim. Also, if Google goes down, your script will go down as well; but again, this is a very rare occurrence.

Self-hosted:
Complete; if you want to control the level of security, you will have to use your own. However, keep in mind that any server is prone to attack or downtime, and you'll likely have to invest highly in a system more secure than Google's.

Conclusion

As you can see, for most cases, the Google-hosted jQuery library is a better, faster option. However, if you wish to monitor your own security, or the site will be used within an intranet system, a self-hosted library would probably work better for you.

Mandy Barrington is the lead web designer at RYP Marketing, a Tampa web design agency focused on increasing ROI in online marketing. You can find more tips and advice on the RYP Marketing blog.

• Code
• Print

• Comment (1)
• Write

by Phong Thai, 14/12/2011 10:12 PM
jQuery from Google is better Reply

for many things, jsB@nk is still using self-hosted jQuery version, but in my opinion, we should use jQuery from Google, it's better

I have a small snippet for this stuff
Code:

	if( !window.jQuery ) document.write('');

this code should load jQuery from Google first, if there's any problem from Google that our site can not load jQuery then we'll load our self-hosted jQuery

Enjoy!

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New