我正在进行网站优化,现在我需要提高性能,所以我使用了yslow,并建议在下面改进以减少http请求。
首先要解决哪个问题才能提高yslow建议的性能?或者任何人都可以参加,因为它只会保存http请求?
此页面有20个外部Javascript脚本。尝试将它们合二为一 此页面有20个外部样式表。尝试将它们合二为一 此页面有20个外部背景图像。尝试将它们与CSS精灵结合使用。
答案 0 :(得分:2)
精灵建议的外部背景图像可能是最重要的,因为这可能是更多的数据。组合JS / CSS文件应该大致相似。 不过,我建议使用所有3条建议。
但是,所有3条建议都会将HTTP请求减少相同的数量。
答案 1 :(得分:2)
我建议做所有三个建议。至于首先做哪一个,它并不重要,因为看起来每个人都会将20个请求变成1个。
来自the yslow documentation(强调我的):
最终用户响应时间的80%用于前端。大部分时间都在下载页面中的所有组件:图像,样式表,脚本,Flash等。依次减少组件数量可减少呈现页面所需的HTTP请求数。这是加快页面的关键。
现在,如果您同时执行minification,那么您可以在Javascript和CSS中获得相对于内容大小的收益。出于这个原因,我建议从这两个中的任何一个开始,并在文件合并的同时进行缩小。
当缩小代码时,将删除所有注释,以及不需要的空格字符(空格,换行符和制表符)。对于JavaScript,这可以提高响应时间性能,因为下载文件的大小会减少。
答案 2 :(得分:0)
你有没有试过“懒加载”。
+
尝试缩小CSS和JavaScrip文件(将它们合并到一个文件中。)
答案 3 :(得分:-1)
无所谓,目的是减少个别请求的数量。