javascript - 减少http请求应该先采取哪些措施？

Question

我正在做一个网站优化，我现在需要提高性能，所以我使用了 yslow，它建议在下面改进以减少 http 请求。

yslow 建议的提高性能应该首先解决哪个问题？或者任何人都可以被带走，因为它只会保存http请求？

此页面有 20 个外部 Javascript 脚本。尝试将它们合二为一。
此页面有 20 个外部样式表。尝试将它们合二为一。
此页面有 20 张外部背景图片。尝试将它们与 CSS 精灵结合起来。

score 2 · Accepted Answer

精灵建议的外部背景图像可能是最重要的，因为这可能是更多数据。结合JS / CSS文件应该大致相似。不过，我建议使用所有 3 条建议。

不过，所有 3 条建议都会减少相同数量的 HTTP 请求。

score 2 · Accepted Answer

我建议做所有三个建议。至于先做哪一个，这并不重要，因为看起来他们每个人都会将 20 个请求变成 1 个。

从yslow 文档（强调我的）：

80% 的最终用户响应时间都花在了前端。大部分时间都用于下载页面中的所有组件：图像、样式表、脚本、Flash 等。减少组件的数量反过来会减少呈现页面所需的 HTTP 请求数量。这是加快页面速度的关键。

现在，如果您同时进行缩小，那么您可以在 Javascript 和 CSS 中获得相对于内容大小的收益。出于这个原因，我建议从这两者中的任何一个开始，并在文件合并的同时进行缩小。

缩小代码后，所有注释以及不需要的空白字符（空格、换行符和制表符）都会被删除。在 JavaScript 的情况下，这会提高响应时间性能，因为下载文件的大小会减小。

score 0 · Accepted Answer

您是否曾经尝试过“延迟加载”。

+

尝试缩小 CSS 和 JavaScrip 文件（将它们合并到一个文件中。）

score -1 · Accepted Answer

-1

没关系，目的是减少单个请求的数量。

于 2013-01-03T07:24:08.280 回答

4 回答 4