Use CDN to load the jquery class library to accelerate your website

Source: Internet
Author: User
Tags pingdom jquery cdn edgecast

The jquery class library has a size of about 25 KB (minimum and gzip compression). The loading speed of the jquery class library is not ideal when the user's network speed is not ideal, we need to load jquery from the CDN network. One is to save some bandwidth, and the other is to bring users a faster page loading experience.

25kb x 100000 unique Pv = GB traffic. If a website with a higher traffic volume occupies a higher bandwidth.


According to the authoritative survey report released by pingdom, the fastest CDN is edgecast, so we can call jquery of edgecast.

The following CDN is from the official jquery website. We directly use the officially recommended CDN!

  • Jquery CDN (edgecast via (MT ))

    • Http:// minified version
    • Http:// source version
    • PleaseDo not linkVersions of jquery; hotlinking to these subdomains will be disabled in Q3 of 2010 and your sites will break!
  • Google Ajax API CDN
    • Http://
    • Google Ajax CDN documentation
  • Microsoft CDN
    • Http://
    • Ajax CDN announcement, Microsoft Ajax CDN documentation

In addition, the Google jquery CDN method is easy to use. You can directly reference the relevant JS files on the Google server on the webpage. However, if you reference multiple JavaScript codes, you need to insert multiple scripts. Google also provides the corresponding method, that is, Google load. We only need to reference a JS file on the page to load the JS library used in real time as needed.

First, add the following line of code to the page header:
<SCRIPT type = "text/JavaScript" src = ""> </SCRIPT>

Load jquery, which can be used as follows:
Google. Load ("jquery", "1.3.2 ");

In this way, we load the JS library of jquery 1.3.2 from Google's latest CDN image, and then we can write the JS Code normally. However, even Google's CDN images take time to download. What if the browser has explained the following code before the code library is downloaded? We can set to execute JS after loading the JS Library:
Google. setonloadcallback (function () {// code to be executed });
For more information about Google jsapi, see: Google Ajax library API

In addition to jquery, Google also provides APIs for the following JS frameworks/Libraries:
Jquery UI
Script. aculo. Us

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.