0

我只是想知道谁有充分的记录，如果我有 10 个 js/css 外部文件要附加在我的网站上，最好将它们压缩到只有 1 个文件中，或者最好有 10,20 个外部源链接一个页面速度的观点？

我也问这个，因为同时使用 firebug google page speed 和 yahoo Yslow page speed 工具，它们在这方面发生冲突，google 说要分开文件，yahoo 说要压缩所有文件：| .. 通常我会相信 bigG 但谁知道呢:|

4

4 回答 4

3

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

如果您想了解有关前端性能的更多信息，请查看Steve Souders的书籍。您可以在Yahoo!上的书籍中找到主题的简化概述。Developer Network（他写第一本书时在 Yahoo!）。

于 2011-10-18T14:56:15.017 回答
1

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

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

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

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

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

于 2011-10-18T15:22:57.357 回答
0

如果您在一台主机上将您的脚本组合成一个脚本，而这台主机很慢——您的页面会很慢。如果您将脚本分解为托管在 CDN 上的几个脚本，这些脚本具有不同的子域，则您的浏览器将并行下载更多脚本。阅读该网站以提高下载时间。它的结论是“提高并行下载可以将网页延迟提高多达 40%。您可以使用两个或三个主机名来提供来自同一服务器的对象，以欺骗浏览器以多线程处理更多对象。”

于 2011-10-18T15:01:46.800 回答
-1

确保您已安装 Google Page Speed、YSlow 和 Firebug 插件，然后使用它们。他们将帮助您使您的网站更快。

于 2011-10-18T15:09:48.093 回答