張慧的博客

          張慧的博客

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

          Feedback

          # re: 使用谷歌jquery庫文件的理由 2012-08-02 12:40 Unmi
          CDN 還可以使得你從最近的服務(wù)器加載你要的資源  回復(fù)  更多評論
            


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 九龙城区| 江陵县| 金门县| 疏附县| 曲阜市| 包头市| 威信县| 阜宁县| 萍乡市| 凤凰县| 名山县| 余庆县| 阳山县| 乐安县| 大连市| 巨鹿县| 偏关县| 永清县| 彩票| 册亨县| 砀山县| 阿克陶县| 中西区| 宜黄县| 化隆| 昭觉县| 西乌珠穆沁旗| 凤城市| 独山县| 进贤县| 仁寿县| 禄劝| 乌兰浩特市| 垫江县| 丘北县| 台中县| 华亭县| 古交市| 德惠市| 乌兰浩特市| 金寨县|