使用谷歌jquery庫(kù)文件的理由最近前端開(kāi)發(fā)看到,那些引用jquery的文件那些網(wǎng)站,好多是使用谷歌的庫(kù);像這樣的<script type=”text/javascript”src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js“></script>(最近發(fā)展到1.7.1版本的,好神速吶,前兩天還看到一哥們用的1.2.6感慨啊。。。。)像上面這樣加載jquery通過(guò)谷歌的CDN-Content Delivery Network(內(nèi)容分發(fā)網(wǎng)絡(luò))來(lái)讓你的網(wǎng)站加載jquery庫(kù)文件。有的同學(xué)可能會(huì)問(wèn)了,為什么要加載谷歌的jquery庫(kù)文件呢?(PS:我們一般不 都是加載自己服務(wù)器上的jquery庫(kù)文件的嗎?)。呵呵~~之前也和大家一樣想的,也一直都是加載自己的服務(wù)器上的jquery文件。下面我來(lái)和大家說(shuō)說(shuō),使用谷歌加載jquery庫(kù)文件的好處。1,增加網(wǎng)頁(yè)的同時(shí)載入速度為了避免服務(wù)的過(guò)載,瀏覽器限制了同時(shí)連接的數(shù)目,依據(jù)不同的瀏覽器,這個(gè)限制可能是每個(gè)機(jī)房?jī)H僅兩個(gè)之少。使用谷歌的AJAX內(nèi)容服務(wù)網(wǎng)絡(luò)來(lái)響應(yīng)你的網(wǎng)站,使你本地服務(wù)器上更多服務(wù)可以同時(shí)進(jìn)行。2,減少等待時(shí)間大家應(yīng)該也差不多,在感慨jquery的強(qiáng)大,也在感慨jquery的團(tuán)隊(duì)也是如此之強(qiáng)大,呵呵~現(xiàn)在最新的jquery已經(jīng)出到1.7.1版本了呢,但是讓人很不爽的是即使是mini壓縮過(guò)后的代碼都有83.2KB。但是不知道大家有沒(méi)有去官方首頁(yè)看過(guò)。CDN-Content Delivery Network(內(nèi)容分發(fā)網(wǎng)絡(luò))的縮寫(xiě),通過(guò)各種各樣的服務(wù)途徑把你的一些靜態(tài)內(nèi)容分散開(kāi)來(lái),當(dāng)用戶(hù)的瀏覽器提交這些文件的鏈接請(qǐng)求,他們便會(huì)自動(dòng)下載網(wǎng)絡(luò)上最近的可用的文件。因?yàn)檫@個(gè)原因:任何使用你的服務(wù)的用戶(hù)從谷歌下載JQuery庫(kù)都將獲得比從你自己的服務(wù)器上下載更快的速度。其實(shí)有很多的CDN服務(wù)可與谷歌的相比擬,但是他們很難超越谷歌的免費(fèi)服務(wù)的優(yōu)勢(shì),這個(gè)益處足以決定問(wèn)題,但這僅僅是一部分。3,更好的緩存利用谷歌AJAX圖書(shū)館內(nèi)容發(fā)布服務(wù)的最大好處是你的用戶(hù)根本不需要下載jQuery. 不論你的緩存多么強(qiáng)大,如果你用自己的服務(wù)器提供jQuery,那么你的用戶(hù)至少要下載一次它,某個(gè)用戶(hù)很有可能在他們?yōu)g覽器的緩存區(qū)里下載了許多完全相 同的jQuery.min.js的拷貝版本,但是當(dāng)他們第一次訪問(wèn)你的網(wǎng)站的時(shí)候,這些拷貝版本會(huì)被忽略。另一方面,當(dāng)瀏覽器檢測(cè)到同樣版本的指向谷歌的鏈接,它就會(huì)知道這是下載同一個(gè)文件,不僅是谷歌的服務(wù)器會(huì)返回一個(gè)304(不需要修改文件的指令,即服務(wù)器上的文件未改動(dòng)過(guò))來(lái)回復(fù)一個(gè)重復(fù)的請(qǐng)求,而且會(huì)命令瀏覽器的緩存該文件長(zhǎng)達(dá)一年的時(shí)間。http://www.jqueryba.com/14.html這意味著即使一些人訪問(wèn)了數(shù)百的使用谷歌服務(wù)的jQuery網(wǎng)站,他們只需要下載一次就夠了。不過(guò)好像最近天朝對(duì)谷歌的東西有點(diǎn)反感呀,就像以前谷歌生氣出走香港一樣,有的時(shí)候谷歌的東西會(huì)打不開(kāi),那么會(huì)不會(huì)有一天使用這種方式加載jquery庫(kù)文件也會(huì)失敗呢?呵呵~~萬(wàn)事皆有可能,呵呵~不要緊,此處有一個(gè)萬(wàn)全的方法: <script type=text/javascript src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script><script>!window.jQuery && document.write(‘<script src=”jquery-1.7.1.min.js”><\/script >’);</script>將上面的代碼放到你的html代碼的頭部。意義是這樣的:首先去加載谷歌的jquery庫(kù)文件,如果沒(méi)有加載成功的話(huà),那么就只好加載自己服務(wù)器上的jquery庫(kù)文件咯。
|