建議經過谷歌的CDN-Content Delivery Network(內容分發網絡)來讓你的網站加載jquery庫文件。有的同窗可能會問了,爲何要加載谷歌的jquery庫文件呢?(PS:咱們通常不都是加載本身服務器上的jquery庫文件的嗎?)。呵呵~~其實我也和大家同樣想的,也一直都是加載本身的服務器上的jquery文件。 javascript
下面我來和你們說說,使用谷歌加載jquery庫文件的好處. html
1.減小等待時間 java
你們應該在感慨jquery的強大,也在感慨jquery的團隊也是如此之強大,呵呵~如今最新的jquery已經出到1.5.1版本了呢,可是讓人很不爽的是即便是mini壓縮事後的代碼都有83.2KB。可是不知道你們有沒有去官方首頁看過。 jquery
呵呵~若是上圖,29KB,那是通過minified and gzipped以後的文件體積,呵呵~~我想,使用谷歌的代碼分發系統也許差很少要下載的文件就是29KB了吧~~(呵呵~猜想)。 ajax
CDN-Content Delivery Network(內容分發網絡)的縮寫,經過各類各樣的服務途徑把你的一些靜態內容分散開來,當用戶的瀏覽器提交這些文件的連接請求,他們便會自動下載網絡上最近的可用的文件。
由於這個緣由:任何使用你的服務的用戶從谷歌下載JQuery庫都將得到比從你本身的服務器上下載更快的速度。其實有不少的CDN服務可與谷歌的相比擬,可是他們很難超越谷歌的免費服務的優點,這個益處足以決定問題,但這僅僅是一部分。 api
2.增長網頁的同時載入速度 瀏覽器
爲了不服務的過載,瀏覽器限制了同時鏈接的數目,依據不一樣的瀏覽器,這個限制多是每一個機房僅僅兩個之少。
使用谷歌的AJAX內容服務網絡來響應你的網站,使你本地服務器上更多服務能夠同時進行。 緩存
3.更好的緩存 服務器
利用谷歌AJAX圖書館內容發佈服務的最大好處是你的用戶根本不須要下載jQuery.不論你的緩存多麼強大,若是你用本身的服務器提供jQuery,那麼你的用戶至少要下載一次它,某個用戶頗有可能在他們瀏覽器的緩存區裏下載了許多徹底相同的jQuery.min.js的拷貝版本,可是當他們第一次訪問你的網站的時候,這些拷貝版本會被忽略。 網絡
另外一方面,當瀏覽器檢測到一樣版本的指向谷歌的連接,它就會知道這是下載同一個文件,不只是谷歌的服務器會返回一個304(不須要修改文件的指令,即服務器上的文件未改動過)來回復一個重複的請求,並且會命令瀏覽器的緩存該文件長達一年的時間。這意味着即便一些人訪問了數百的使用谷歌服務的jQuery網站,他們只須要下載一次就夠了。
不過好像最近天朝對谷歌的東西有點反感呀,有的時候谷歌的東西會打不開,那麼會不會有一天使用這種方式加載jquery庫文件也會失敗呢?呵呵~~萬事皆有可能,谷歌還宕過機呢~呵呵~沒關係,夢三秋告訴你一個萬全的方法:
<SCRIPT type=text/javascript src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></SCRIPT> <script>!window.jQuery && document.write('<SCRIPT src="jquery-1.7.1.min.js"><\\/SCRIPT>');</script>將上面的代碼放到你的html代碼的頭部。意義是這樣的:首先去加載谷歌的jquery庫文件,若是沒有加載成功的話,那麼就只好加載本身服務器上的jquery庫文件咯。