Javascript 要减少http请求,应该先做什么?

Javascript 要减少http请求,应该先做什么?,javascript,performance,browser,yslow,Javascript,Performance,Browser,Yslow,我正在进行一个网站优化,我现在需要提高性能,所以我使用了yslow,它建议了以下一些改进措施,以减少http请求 yslow建议首先解决哪一个问题来提高性能?或者任何人都可以被带走,因为它只保存http请求 此页面有20个外部Javascript脚本。尝试将它们合并为一个。 此页面有20个外部样式表。尝试将它们合并为一个。 此页面有20个外部背景图像。尝试将它们与CSS精灵相结合 不要紧,目的是减少个人请求的数量。外部背景图像对精灵的建议可能是最重要的,因为这可能需要更多的数据。JS/CSS文件

我正在进行一个网站优化,我现在需要提高性能,所以我使用了yslow,它建议了以下一些改进措施,以减少http请求

yslow建议首先解决哪一个问题来提高性能?或者任何人都可以被带走,因为它只保存http请求

此页面有20个外部Javascript脚本。尝试将它们合并为一个。
此页面有20个外部样式表。尝试将它们合并为一个。
此页面有20个外部背景图像。尝试将它们与CSS精灵相结合


不要紧,目的是减少个人请求的数量。

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


尽管如此,这三个建议都将减少相同数量的HTTP请求。

我建议您执行这三个建议。至于先做哪一个,其实并不重要,因为看起来他们每个人都会把20个请求变成1个

来自(我的):

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

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

当代码缩小时,所有注释以及不需要的空白字符(空格、换行符和制表符)都将被删除。对于JavaScript,这会提高响应时间性能,因为下载文件的大小会减小

你有没有试过“懒散的负载”

+


尝试压缩CSS和JavaScrip文件(将它们合并到一个文件中)。

\u3项我都会做。但我只是想知道哪一个会给你最大的提升,或者所有的都是一样的。这取决于你的文件的大小。例如,使用sprites可以大大减少这一点。所以,与imagesMost相比,组合js和css文件将节省更少的字节,是的。JS/CSS文件是纯文本文件,通过组合它们(尽管它仍然减少了请求量),几乎无法保存任何数据。但是,将图像组合到sprite中会非常有利可图。此外,正如Chris所建议的那样,我建议看一看。缩小是缩小,而将图像组合到一个文件中就是问题所在(哪种类型的组合应该优先)-你的回答让他们看起来是一样的。似乎我还没有明白你的意思。我想告诉你的是,对于你的网站来说,最好的优化是组合、缩小、数据URI和gzip压缩。我的评论是指“尝试缩小CSS和JavaScrip文件”(将它们合并到一个文件中。)“这读起来就像“将它们合并到一个文件中”只是说“收缩CSS/JS”的另一种方式”——即:它们是相同的东西。我建议将其重新表述为更清楚一点。