我正在做一个网站优化，我现在需要提高性能，所以我使用了 yslow，它建议在下面改进以减少 http 请求。
yslow 建议的提高性能应该首先解决哪个问题？或者任何人都可以被带走，因为它只会保存http请求？
此页面有 20 个外部 Javascript 脚本。尝试将它们合二为一。
此页面有 20 个外部样式表。尝试将它们合二为一。
此页面有 20 张外部背景图片。尝试将它们与 CSS 精灵结合起来。
问问题
1043 次
4 回答
2
精灵建议的外部背景图像可能是最重要的，因为这可能是更多数据。结合JS / CSS文件应该大致相似。不过，我建议使用所有 3 条建议。
不过，所有 3 条建议都会减少相同数量的 HTTP 请求。
于 2013-01-03T07:26:04.407 回答
2
我建议做所有三个建议。至于先做哪一个，这并不重要，因为看起来他们每个人都会将 20 个请求变成 1 个。
从yslow 文档（强调我的）：
80% 的最终用户响应时间都花在了前端。大部分时间都用于下载页面中的所有组件：图像、样式表、脚本、Flash 等。减少组件的数量反过来会减少呈现页面所需的 HTTP 请求数量。这是加快页面速度的关键。
现在，如果您同时进行缩小，那么您可以在 Javascript 和 CSS 中获得相对于内容大小的收益。出于这个原因，我建议从这两者中的任何一个开始，并在文件合并的同时进行缩小。
缩小代码后，所有注释以及不需要的空白字符（空格、换行符和制表符）都会被删除。在 JavaScript 的情况下，这会提高响应时间性能，因为下载文件的大小会减小。
于 2013-01-03T07:57:54.763 回答
0
您是否曾经尝试过“延迟加载”。
+
尝试缩小 CSS 和 JavaScrip 文件（将它们合并到一个文件中。）
于 2013-01-03T08:03:07.257 回答
-1
没关系，目的是减少单个请求的数量。
于 2013-01-03T07:24:08.280 回答