優化頁面加載：多個CDN文件或單個CDN文件？

Question

我想優化我的頁面加載。目前，我有多種資源從各種CDN中提取（例如jquery等）。總之，我有大約10個不同的JS文件和10個不同的CSS文件。大約50-75％的CDN可用。

當我在其上運行的PageSpeed/YSlow的（通過GTMetrix），它抱怨我有太多的資源，我應該合併的文件。我將JS文件合併成一個文件，並對CSS文件做了同樣的處理（稍後，我將從CDN提供這些文件）。當我重新運行測試時，我的頁面加載時間從2.19秒變爲1.87秒。看起來，組合文件和本地服務比從CDN服務的單獨文件更快。

我找不到任何明確的測試顯示，合併文件和本地服務優於單獨的文件送達從CDN優越。我只能猜測，一旦我將組合文件放在CDN上，事情會變得更快。

合併文件是一種優越的方法嗎？

Answer 1

您有需要改進的兩個方面：

整合資源

一般較少的請求意味着更少的往返次數和更好的網頁加載速度。 （參考：雅虎：Minimize HTTP Requests - Best Practices for Speeding Up Your Web Site）

通過CDN

即成資源的內容發佈網絡將通常有多個數據中心和服務器能內容更貼近您的網站訪問者。 （參考文獻：Use a Content Delivery Network - Best Practices for Speeding Up Your Web Site）

您可以同時適用於校長和測試，看看你的網站如何改進。我肯定會開始合併資源，你可能會在那裏看到很好的收益。