包含腳本，使用CDN（Google）或將其存儲在網站根目錄中的速度更快？

Question

包含腳本，使用CDN（Google）或將其存儲在本地網站根目錄中的速度更快？

Answer 1

取決於您的服務器速度。然而，CDN可能更快，您的客戶可能已經從另一個網站緩存文件。

它會從您的站點卸載大量帶寬，但是您依賴第三方的穩定性來維護文件。 （雖然我看不出有問題，谷歌很快的任何時間）

Answer 2

但從高速緩存點優化的谷歌CDN :-)
1）
2）用戶從更優的CDN節點接收的資源

Answer 3

如果您的意思是面向互聯網網站（而不是內部網站）的核心jQuery庫，use the google CDN。

的CDN具有以下優點，你會發現難分高下：

• 更多服務器
• 帶寬（你不支付）
• 地理位置（低響應時間）
• 冗餘
• 優化的緩存設置
• 的機會用戶具有已經緩存從那裏
• 並行化下載文件時，用戶可以在同一時間

抓住從您的網站其他內容雖然你可以配置緩存頭就像他們這樣做，你可能無法滿足該文件更快。話雖如此，圖書館/ CDN只是難題的一部分。你有的雜項插件和代碼也應該是minified, combined和served via gzip。

Answer 4

我想說Google的CDN是因爲其他人聲明的原因。

但是，如果您的目標市場距離您的服務器非常近，則最好從服務器進行服務。

舉例來說，你有一個網站forOrlandoFloridaPeopleOnly.com/。如果您的服務器託管在佛羅里達州的奧蘭多，並且Google的最接近的內容分發服務器位於佛羅里達州的邁阿密和喬治亞州的亞特蘭大（確實如此），但如果訪問者尚未擁有緩存副本，您的服務器可能會[更快]來自Google CDN的文件。

請記住，如果您確實向您的訪問者提供了靜態內容，請使用子域或其他方式嘗試並行化下載。爲了善良...不要傳輸餅乾靜態內容。

我不確定這個數據源有多可靠：Google data centers。所以不一定要依靠它。

Answer 5

值得注意的是，Visual Studio在Google CDN的Intellisense中存在問題。微軟也有一個CDN，允許Intellisense正常運行。但是，使用CDN。

Answer 6

不幸的是，最近的研究表明Google Googles CDN實際上阻礙了性能。

Google的AJAX Libraries API嘗試使用網絡效果來提高所有參與網站的性能，提供共同的共享緩存。然而最近的研究發現，很少有人使用網絡來達到臨界質量，並且實際上改善了網絡性能。目前使用網絡的開銷意味着使用Google的AJAX Libraries API實際上降低了性能。您應該在本地託管JavaScript文件。這會增加您的bandwdith消費，但會提高網頁加載速度。來自Zoompf.com表現報告的說明。

看到這裏也Should You Use JavaScript Library CDNs?

Answer 7

它還要快將它們存儲在localStorage的/網絡存儲。我創建了一個很小的圖書館這樣做，結果是很有說服力

• 加載的jQuery從CDN：鉻268ms，火狐瀏覽器：Chrome的47ms，Firefox：在localStorage的200ms的
• 加載的jQuery 14MS

你可以在https://github.com/webpgr/cached-webpgr.js這是微小的檢查代碼並閱讀和理解政變內的所有的這分鐘。

下面是一個完整的示例如何使用它。

完整的庫：

function _cacheScript(c,d,e){var a=new XMLHttpRequest;a.onreadystatechange=function(){4==a.readyState&&(200==a.status?localStorage.setItem(c,JSON.stringify({content:a.responseText,version:d})):console.warn("error loading "+e))};a.open("GET",e,!0);a.send()}function _loadScript(c,d,e,a){var b=document.createElement("script");b.readyState?b.onreadystatechange=function(){if("loaded"==b.readyState||"complete"==b.readyState)b.onreadystatechange=null,_cacheScript(d,e,c),a&&a()}:b.onload=function(){_cacheScript(d,e,c);a&&a()};b.setAttribute("src",c);document.getElementsByTagName("head")[0].appendChild(b)}function _injectScript(c,d,e,a){var b=document.createElement("script");b.type="text/javascript";c=JSON.parse(c);var f=document.createTextNode(c.content);b.appendChild(f);document.getElementsByTagName("head")[0].appendChild(b);c.version!=e&&localStorage.removeItem(d);a&&a()}function requireScript(c,d,e,a){var b=localStorage.getItem(c);null==b?_loadScript(e,c,d,a):_injectScript(b,c,d,a)}; 

調用庫

requireScript('jquery', '1.11.2', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', function(){ 
    requireScript('examplejs', '0.0.3', 'example.js'); 
});