Is it better to reference jQuery file include through jQuery CDN?

Question

Is it better to reference jQuery file inclusion through jQuery CDN for better performance?

Like

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

Or

Is it better to reference stored jQuery file in our project?

Like

<script type="text/javascript" src="/js/jQuery.min.js"></script>

As jQuery CDN link handles caching, Does it improve performance more than jQuery file included from our project?

Is better using CDN, but always have a fallback to local see: http://stackoverflow.com/questions/1014203/best-way-to-use-googles-hosted-jquery-but-fall-back-to-my-hosted-library-on-go — Irvin Dominin, Oct 03 '13 at 07:05
The only drawback is if google servers get unreachable .. As @IrvinDomininakaEdward said, consider using a fall-back too — Stphane, Oct 03 '13 at 07:13

score 7 · Answer 1 · edited May 23 '17 at 10:31

7

Do like this with a fallback

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/libs/js/jquery-3.2.1.js"><\/script>')</script>

CDN first, if not (or blocked) ? so bring it from your server

Why should I use Google's CDN for jQuery? (For me, my point is about Cache Hit)

edited May 23 '17 at 10:31

Community

1
1

answered Oct 03 '13 at 07:13

l2aelba

21,591
22
102
138

but when do u think the file will not be downloaded from CDN?? as far as i think CDNs are much more reliable then personal server. – Dhaval Oct 03 '13 at 07:18
2

No server with 100% uptime. @Dhaval – l2aelba Oct 03 '13 at 07:21
1

@Dhaval, Google's servers can be blocked in Iran or China. – TecMan Jul 22 '15 at 08:47

PingOfDeath · Accepted Answer · 2013-10-03T07:14:59.047

4

First variant. Because google has best world-wide servers.

Decreased Latency
Increased parallelism
Better caching

The best way to initiate jQuery engine:

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("jquery", "1.10.2");

  google.setOnLoadCallback(function() {
  // Place init code here instead of $(document).ready()
 });
</script>

Here is a good article about this:

http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/

edited Oct 03 '13 at 07:14

answered Oct 03 '13 at 07:09

PingOfDeath

137
5

Get `/jsapi/` then.. get `jQuery` ? – l2aelba Oct 03 '13 at 07:23
@l2aelba yes. jsapi - Google's universal loader. Take a look [link](https://developers.google.com/loader/) – PingOfDeath Oct 03 '13 at 07:29

score 1 · Answer 3 · answered Oct 03 '13 at 07:11

With CDN :

If the user have already downloaded the file on an other website, the file is already in cache
If the user haven't the file, the file will always be located on the server nearest to your visitor
In addition, you will reduce the load on your server, which allows it to render the site faster

Is it better to reference jQuery file include through jQuery CDN?

3 Answers3