Loading jQuery from Google or locally if not online

Question

Right now I have the following links in my code:

Answer 1

Sure, check out how they do it in HTML5 boilerplate.

If you take a look at the bottom of the index.html file within the GitHub repo, you'll see the following...

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/X.X.X/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="local/jquery-X.X.X.min.js">\x3C/script>')</script>

NB: In the code snippet above X.X.X should be replaced with the jQuery version number that you're using (e.g. 1.8.2).

How does it work?

1. First, an attempt is made to grab the CDN version (Google's CDN url is used above, but of course you could link to any source you like).
2. Immediately afterwards, we check for the jQuery global object.
3. If jQuery does not exist, the obvious assumption is that we didn't manage to get the code from the CDN, so then we document.write a script tag to get a copy from a local source instead.

Answer 2

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")">\x3C/script>')</script>