Grow your CSS skills. Land your dream job.

Best Way To Link To JQuery File?

  • # April 26, 2011 at 3:48 pm

    Firstly, why link to someone elses jquesy file when you can have a copy of your own?
    Then, I used to link to googles file but then read about google being banned in a few countries so they wont be able to have the jquery file surely?
    So that leaves? Microsofts link?

    OR is it actualy better to link to your own hosted file?

    OR is there a best of both? Someway that you can try to link to someone elses and if that doesnt work use your own hosted one?

    Any Ideas?

    # April 26, 2011 at 4:06 pm

    A number of countries block YouTube and some block StreetView, but the only ones that block Google as a whole as far as I know are China and Vietnam. Do you get a lot of pageviews from China and Vietnam? Then just load jq from your js folder, no biggie.

    # April 26, 2011 at 5:00 pm

    I think it’s best to link to either Google’s or Microsoft’s CDN simply because so many others do and the library will likely already be cached. Then as a fallback link to a local copy if the first failed:

    Here’s how Paul Irish does it:


    # April 26, 2011 at 5:31 pm

    I would agree with wolf 110%. If you had the file on your own server, other people would have to redownload it from you while they most likely already had it cached from google. So basically it would be pointless and second, less space taken up although its quite small.

    # April 28, 2011 at 12:44 am

    I agree it’s best to use a CDN. I had no idea china had banned Google, thats kind of stupid I think. Although I guess it could be because of googles Cacheing of sites, not sure if that would allow chinese people to get around the firewall that the government has up or not.

    so yeah, do use a CDN, and if you get large amounts of traffic from china take wolf’s advice and use a local copy as a fallback solution.

    # June 25, 2012 at 4:17 pm

    But how can I do this, with other scripts, too? Like this one:
    http://browser-update.org/update.js

    It doesn’t seems to work with the typeof thing, if I write update or browser-update or something like that, instead of jQuery.

    Any ideas? Thanks in advance. Again thanks a lot for this post.

    # June 26, 2012 at 2:41 am

    Personally, i say go with someone reliable who is already hosting it, like Google. You have a better chance of hitting a cached browser with that jQuery and if they don’t have it ( or the country had blocked it ) than just load a local version like wolfcry911 said.

    Maybe some analytics system on your site to find your target audience with geo-location would help.

    # April 3, 2013 at 4:40 am

    I’ve linked my application to Google’s CDN and to my local jquery but it still won’t load the script for some reason :



    Anything I’m doing wrong / any suggestions on what I could do better ? Thanks in advance.

    # April 3, 2013 at 5:01 am

    If you want jQuery you should try to load jQuery instead of jQuery UI. If you want jQuery UI I didn’t say anything :)

    # April 3, 2013 at 8:38 am

    Dont buy into the hype. It’s always better to host things from your host. Regardless if it’s coming from google or microsoft. Unless you prefer to be dependent on other peoples uptime.

    That said for demos or development I will use…

    script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.min.js”>

    # April 3, 2013 at 8:56 am

    @websitecodetutorials, wow…really? I’d like to know why you think self hosting the jquery without sourcing google’s CDN first is actually better for your site? You must be joking, right?

    # April 3, 2013 at 9:13 am

    no reason. I just dont buy into it. Regardless if 5 out of 100 people already have it cached I prefer to keep everything inhouse

    # April 3, 2013 at 9:39 am

    In that case, you should mention that it’s _your_ preferred method, but by no means is it _better_ than using Google’s CDN first.

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

    # April 3, 2013 at 1:49 pm

    > But how can I do this, with other scripts, too?

    Most, if not all scripts will register some kind of variable/object/function to the window to check against, jQuery registers jQuery and the $ shortcut, jQuery UI registers jQuery.ui and that script you posted as an example registers a variable named $bu, so in your case the cdn vs local check would be


    Where you also store a local copy in a folder named "js"

    # April 3, 2013 at 1:53 pm

    You’re not dependent if you provide a local copy as fallback like you should.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".