2013-10-03 40 views
3

通過jQuery CDN引用jQuery文件包含以獲得更好的性能是否更好?通過jQuery CDN引用jQuery文件include是否更好?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script> 

或者

是更好地引用存儲jQuery文件在我們的項目?

<script type="text/javascript" src="/js/jQuery.min.js"></script> 

由於jQuery CDN鏈接處理緩存,它是否提高性能比jQuery文件更從我們的項目包括在內?

+1

是更好的使用CDN,但是總是有一個後備當地看到:http://stackoverflow.com/questions/1014203 /最好的方式使用谷歌託管-jQuery的,但回落到我的託管圖書館在去 –

+0

唯一的缺點是,如果谷歌服務器無法訪問..作爲@IrvinDomininakaEdward說,請考慮使用回退 – Stphane

回答

4

第一變體。因爲谷歌擁有最好的全球服務器。

  • 延遲的減少
  • 提高並行
  • 更好的緩存機制

發起的jQuery引擎的最佳方式:

<script src="http://www.google.com/jsapi"></script> 
<script> 
    google.load("jquery", "1.10.2"); 

    google.setOnLoadCallback(function() { 
    // Place init code here instead of $(document).ready() 
}); 
</script> 

這裏是關於一個很好的文章:

http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/

+0

獲取'/ jsapi /'然後..獲得'jQuery'? – l2aelba

+0

@ l2aelba是的。 jsapi - Google的通用加載器。看看[鏈接](https://developers.google。com/loader /) – PingOfDeath

1

隨着CDN:

  • 如果用戶已經下載了其他網站上的文件,該文件已在緩存

  • 如果用戶沒有該文件,該文件總是會在服務器上最靠近你的訪問者

  • 此外,你會減少你的服務器,這使得它能夠使網站更快

  • 上的負載
6

做這樣一個後備

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="/libs/js/jquery-3.2.1.js"><\/script>')</script> 

CDN第一,如果沒有(或阻塞)?所以從你的服務器把它

Why should I use Google's CDN for jQuery?(對於我來說,我的觀點是關於高速緩存命中

+0

但你什麼時候認爲該文件不會從CDN下載?據我所知CDN比個人服務器更可靠。 – Dhaval

+2

沒有100%正常運行時間的服務器。 @Dhaval – l2aelba

+1

@Dhaval,谷歌的服務器可以在伊朗或中國被封鎖。 – TecMan