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

Question

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

当我(通过GTMetrix)在它上运行PageSpeed/YSlow时，它抱怨我有太多的资源，我应该合并这些文件。我将JS文件合并到一个文件中，并对CSS文件进行了同样的处理(稍后，我将从CDN中提供这些文件)。当我重新运行测试时，我的页面加载时间从2.19s增加到1.87s。看起来，将文件和本地服务结合起来比从CDN中单独提供文件要快。

我找不到任何明确的测试，表明组合文件和本地服务比从CDN中单独提供的文件更好。在这一点上，我只能猜测，一旦我将合并的文件放到CDN上，事情就会变得更快。

正在将文件合并为一种更好的方法？？

Answer 1

您有两个方面需要改进：

组合资源

一般来说，请求越少意味着往返次数越少，页面加载速度越快。(参考:雅虎：最小化HTTP请求--加快网站速度的最佳实践)

通过CDN服务资源

内容传递网络通常有多个数据中心，并且可以服务器内容更接近您的网站访问者。(参考文献：使用内容传递网络-加快网站速度的最佳实践)

您可以同时应用主体和测试来查看站点的改进情况。我肯定会从合并资源开始，您可能会看到一个很好的收获。