页面速度附加外部js和css文件

Question

我只是想知道谁有详细记录，如果我有10个js / css外部文件要附加到我的网站上，最好将它们压缩成只有1个文件或者最好有10,20个外部源无论如何以页面速度的角度来看链接？

我也问这个，因为使用firebug谷歌页面速度和雅虎Yslow页面速度工具，他们冲突在这，谷歌说分开文件，雅虎说压缩一体化：| ..通常我会信任bigG，但谁知道：|

Answer 1

您可以做的一项关键性能增强是减少HTTP请求的数量。每个外部资源意味着一个额外的请求，因此将它们组合在一起将对页面性能产生积极影响。

如果您想了解有关前端效果的更多信息，请查看 Steve Souders '图书。您可以在Yahoo! Developer Network的书籍中找到关于主题的简要概述（当他撰写第一本书时，他曾在Yahoo！

Answer 2

首先，压缩文件（几乎）总是一个好主意。两者都使用特定的JS和/或CSS压缩器，并在HTTP级别使用GZIP压缩。

决定是否合并文件并不容易;你需要兼顾不同的目标：

1. 最小化加载的总字节数;这包括确保可以从缓存中检索文件
2. 确保加载的文件尽可能少地到达。

组合文件优化＃2，但可以代价为＃1。如果不同的页面使用不同的CSS / JS，则每个页面可能会得到一个不同的组合文件（组件文件的排列），从而无法进行缓存。

一个快速而肮脏的解决方案是将所有通用JavaScript和所有页面上使用的所有CSS包含在两个单独的压缩文件中（一个JS，一个CSS）。如果您的访问者在您的网站上停留较长时间，他们将获得最佳体验，因为所有CSS / JS只需要加载一次，并且一次尽可能快。

Answer 3

如果您将脚本合并到一个主机上的一个脚本中，并且此主机速度很慢 - 您的页面将会很慢。如果您将脚本分解为托管在具有不同子域的CDN上的几个脚本，则您的浏览器将在parallel中下载更多脚本。阅读该网站以提高下载时间。它得出的结论是“提升并行下载可以使网页延迟提高40％。您可以使用两个或三个主机名来服务来自同一服务器的对象，以便将浏览器变为多线程更多对象。”

Answer 4

确保安装了Google Page Speed，YSlow和Firebug插件，然后使用它们。它们将帮助您加快网站建设速度。