【翻译】性能探索（1）--关于减少HTTP请求，80-20法则告诉我们什么

      毫无疑问用户喜欢快的站点，我工作在雅虎一个致力于测量和提高性能的团队，我们工作的一部分是做一些和网页性能有关的实验，我们将分享我们所发现的，这样将会有更多的前端工程师加入我们从而提高用户体验。

80/20性能法则

       Vilfredo Pareto，是一个90年代前期的经济学家，他发现了一个著名的规律：一个国家80%的财富被这个国家20%的人所掌握。这个后来被概括为大家常说的帕累托法则（也被叫做80-20法则），这个法则适用与各种现象，80%的结果都是由20%的原因导致的，我们在软件工程中同样可以看到80-20法则：我们把80%的时间花在了20%的代码上，当我们优化我们程序的时候，我应该知道集中精力在20%的代码，当我们优化网页的时候，这个规律同样适用，网页性能优化的一部分是组织HTML，但是这部分只占了用户响应时间的20%，我们更应该关注另外占去80%时间的部分。

使用网络监视器，我们可以发现到底是什么占去了80%的时间，图1显示了当我们在没有浏览器缓存的情况下打开http://www.yahoo.com各个部分占用时间的情况，图中每一条代表了一个特殊的组件，并且以浏览器开始请求的时间为顺序排序。图中第一条代表的是浏览器请求HTML所花的时间，看图可以知道，请求HTML仅仅占用了整个响应时间的10%（服务器组织HTML语言，并且返回到浏览器）。余下90%的时间用于获取其他组件，包括图片，脚本，样式等等。

图1（打开http://www.yahoo.com）

 

      图2显示一些主流的站点下载HTML语言使用的时间是整个响应时间的5%--38%之间，其他的62%--95%的时间用于发送HTTP请求去获取页面上的所有组件（例如，图片，脚本，样式）。页面中组件的数量对响应速度的影响是很大的，因为针对不同的浏览器，它们一次只能并行下载2到4个组件。我们的经验表明减少HTTP的请求次数可以很大程度的降低浏览器响应时间，并且减少HTTP请求也是提高性能最容易的方法。

图2

 

不应该所有东西都保存在浏览器缓存中吧？

      结论：减少HTTP的请求次数可以很大程度的降低浏览器响应时间，并且也是提高性能最容易的方法。在下一篇文章中，我们将会研究缓存，将会有一些精彩的东西。

原文链接：Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests