优化页面加载：多个CDN文件还是单个CDN文件？

Question

我试图优化我的页面加载。目前，我从各种CDN（例如jquery等）中提取了多个资源。总之，我有大约10个不同的JS文件和10个不同的CSS文件。 CDN上有大约50-75％可用。

当我在其上运行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）

您可以同时应用主体和测试，以了解您的网站如何改进。我肯定会从结合资源开始，你可能会在那里看到很好的收获。