記憶盒子

把記憶裝進灰色的盒子,封裝起來,那年那月,重新拾起。

首頁搜索目錄
search
當前主題: 互聯(lián)網絡

引用googleapis jquery和fonts文件會大大拖慢網頁速度

作者:Kaka    時間:2015-1-10 21:48:17    瀏覽:    評論:1

googleapis為大家提供了jquery庫文件、fonts字體文件的直接引用,由于google使用cdn技術,在很多地方都有節(jié)點高速緩存這些文件,這就提高了文件的加載速度,另一方面,也減少了網站的資源消耗,節(jié)省了服務器帶寬,所以大家都喜歡這樣的文件引用方式。

不多,對于國內網站來說,引用googleapis的文件,無疑是一種災害。

引用googleapis的文件大大拖慢網頁速度

為了說明這個問題,我做了兩個demo網頁,網頁里都調用jquery文件,其中一個引用googleapis的文件,另一個使用站內文件。

網頁加載時間使用js計算。

結果顯示是,引用googleapis的文件在20秒內未能加載成功而被瀏覽器放棄加載,而另一個引用站內的文件則是秒開了。

demo-jquery引用googleapis的文件

圖一:demo-jquery引用googleapis的文件

demo-jquery引用站內文件

圖二:demo-jquery引用站內文件

引用googleapis的文件加載失敗

從上兩圖可以看到,圖一顯示“文件加載失敗”,而圖二顯示“文件加載成功”。測試方法是在網頁后面執(zhí)行一段jquery代碼,看成功與否,如下:

<div id="div3" ><font color=red>文件加載失敗</font></div>
<script type=text/javascript>
setTimeout(function(){
$("#div3").html("<font color=red>文件加載成功</font>");
},5000);
</script>

結果,在IE瀏覽器里,可以看到狀態(tài)欄出現警告圖標,點開看到錯誤提示是:缺少對象。

引用googleapis的文件加載失敗

圖三:引用googleapis的文件加載失敗

解決辦法

解決的辦法就是把引用googleapis的文件下載到站內文件夾里,然后通過站內引用。

這樣雖然犧牲了點服務器資源和帶寬,但總比20秒都加載不了好,再者,如果網站仍然引用googleapis的jquery文件,那么網站的jquery程序將無法執(zhí)行,如果引用googleapis的fonts字體庫文件,那么網頁里設置的字體可能會不起作用。

因此,去掉googleapis的文件引用就成了必然的事。

經驗:少用google的東西

對于google的東西,對于國內網站來說,能少用則少用,不用最好,否則將嚴重影響網頁的加載,如之前分析過的Google AdSense廣告嚴重影響網頁加載速度。對于adsense廣告,建議換成百度或其他聯(lián)盟,至少,你應該不能讓adsense廣告成為網站的主要廣告而大量使用。

x

標簽: SEO  

※ 網站速度慢?試試網站自動優(yōu)化工具 ※

上一篇: 來自Google和Yahoo的近40個優(yōu)化建議幫助網站提速
下一篇: 網頁側欄浮動固定但不遮住底部的js實現方法
  • 1.T**
  • 說的很對,有的時候網站的卻打開太慢了
  • 2015/1/12 16:01:45 回復該留言

發(fā)表評論:

◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。

訂閱博客                   QQ交流群(312716741)

  • 通過Google訂閱本站 通過鮮果訂閱本站 通過抓蝦訂閱本站
  • 通過QQ郵箱訂閱本站 通過Yahoo訂閱本站 通過有道訂閱本站

Search

最新評論及回復

最近留言

網站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.