jquery 是前端設(shè)計(jì)中很常用到的一個(gè)js庫(kù)，很多頁(yè)面都要引用它，那么如何快速的加載這是一個(gè)前端優(yōu)化的問(wèn)題。

十多年的金灣網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整金灣建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“金灣網(wǎng)站設(shè)計(jì)”,“金灣網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

以jquery1.6為例，min版大概90kb左右，不算大，不過(guò)就我之前的對(duì)一部分博客進(jìn)行分析的結(jié)果，大部分的頁(yè)面體積都在50kb以內(nèi)，那么相比較而言，這個(gè)jquery的90kb就不能算小了。如果你的網(wǎng)站速度不錯(cuò)，基本能達(dá)到普通用戶（這里假設(shè)大部分是2M寬帶用戶）的下載速率200kb左右，那么一切沒(méi)有問(wèn)題。但是如果你的網(wǎng)站部署在性能一般的虛擬主機(jī)上（這樣的虛擬主機(jī)很多都限制網(wǎng)速），或者部署在外國(guó)服務(wù)器上，那么你就必須介意網(wǎng)速了。

如何快速加載jquery等常用庫(kù)呢？使用cdn分發(fā)是一個(gè)辦法。我從網(wǎng)上搜索了一番，發(fā)現(xiàn)比較常用且免費(fèi)的cdn分發(fā)js庫(kù)有4家人，谷歌、新浪、微軟、及官方。以jquery1.6為例，他們的網(wǎng)址分別為：

網(wǎng)絡(luò)評(píng)論

在網(wǎng)上查詢了一番，大部分人都對(duì)google的服務(wù)存在一定擔(dān)憂，擔(dān)心不知道哪天就訪問(wèn)不了了，同時(shí)對(duì)所有國(guó)外產(chǎn)品都存在一樣的憂慮。于是大家都比較推薦國(guó)內(nèi)的新浪云（lib.sinaapp.com）提供的分發(fā)資源。其實(shí)我也是這么認(rèn)為的。不過(guò)具體還是得實(shí)測(cè)一番。

測(cè)試環(huán)境

我使用了4個(gè)方法進(jìn)行測(cè)試。

利用百度統(tǒng)計(jì)的一個(gè)功能“網(wǎng)站速度診斷”。 利用單位的10M寬帶，本機(jī)測(cè)試。 利用電信的2M寬帶，本機(jī)測(cè)試。 利用Amazon ec2 東京節(jié)點(diǎn)，也就是本博客服務(wù)器進(jìn)行測(cè)試。

測(cè)試一

使用百度統(tǒng)計(jì)的“網(wǎng)站速度診斷”功能。登錄百度統(tǒng)計(jì)后臺(tái)，進(jìn)入該功能頁(yè)面，分別輸入4個(gè)網(wǎng)址，記錄得分。

結(jié)果如下：

谷歌 新浪 微軟 官網(wǎng) 電信 0.30 0.31 1.25 0.92 網(wǎng)通 0.22 0.32 0.41 2.40

似乎新浪和谷歌速度都不錯(cuò)。

測(cè)試二：

10M移動(dòng)寬帶，本機(jī)測(cè)試。

我使用python寫了一段非常簡(jiǎn)單的下載功能，用來(lái)測(cè)試。代碼如下：

import urllib2 import time urls=[{\'name\':"jq",\'url\':"http://code.jquery.com/jquery-1.6.min.js"}, {\'name\':"sina",\'url\':"http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"}, {\'name\':"ms",\'url\':"http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js"}, {\'name\':"google",\'url\':"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"}] for url in urls: totalTime=0 for i in range(5): start=time.time() urllib2.urlopen(url[\'url\']) end=time.time() totalTime+=(end-start) print url[\'name\'],totalTime/5

運(yùn)行后的結(jié)果為：

jq 4.34320001602
sina 1.08899998665
ms 2.61820001602
google 0.640999984741

谷歌速度第一，新浪第二。

測(cè)試三：

東京Amazon ec2 服務(wù)器。同樣運(yùn)行上面的python腳本。

運(yùn)行后結(jié)果為：

jq 0.662930107117
sina 0.820287418365
ms 0.174965858459
google 0.18151807785

微軟第一，google第二，官網(wǎng)也有不俗表現(xiàn)，國(guó)內(nèi)的新浪悲劇了。

測(cè)試四：

2M電信寬帶，本機(jī)測(cè)試。同樣執(zhí)行上面的python語(yǔ)句。

運(yùn)行后結(jié)果為：

jq 0.461800003052
sina 1.87899999619
ms 2.12319998741
google 0.244599962234

谷歌第一，新浪跌至第三。

總結(jié)

在排除第三個(gè)測(cè)試，即只考慮國(guó)內(nèi)環(huán)境情況下。谷歌依然是最快的，但是基于保穩(wěn)定，新浪也是很好的選擇。

而國(guó)外，大公司是不二選擇，微軟、谷歌都是優(yōu)秀的。