主要电商网站首屏性能对比

本文是我对几个主要电商网站性能之间的对比，分析对象均为各网站首屏，分析工具为Chrome。由于天猫、淘宝、京东采用的加载策略是不断地预加载，所以数据不精确。且网站性能的影响因素极多，本文仅作参考。

诸事件	天猫	淘宝	京东	蘑菇街	考拉海购
Requests	110	100	32	67	262
Transferred	1.2M	650k	380k	1.6M	3.2M
Finish	11s	8s	2.38s	4.79s	11.08s
DOMContentLoaded	1.34s	1.16s	867ms	2.01s	7.9s
Load	4.87s	5.33s	2.29s	4.70s	10.45s

诸协议	天猫	淘宝	京东	蘑菇街	考拉海购
http/1.1	中量	少量	几乎全部	几乎全部	全部
http/2.0	少量	少量	无	极少	无
spdy/3.1	大量	大量	无	无	无
data	少量	极少	极少	无	无
spdy	无	极少	无	无	无

表中的Finish时间个人认为可以看成从用户发起请求到用户看到稳定页面的时间。

对比两表各网站数据，可知提升页面性能的途径有(就前端领域而言)：

减少请求数量，我认为这在中高速网络环境下是主要影响因素

缩减页面体积，这可以节省带宽，提高用户体验

先进协议的使用，通过对比天猫淘宝和其他网站，发现协议似乎是对Finish时间影响最小的因素。但其实天猫淘宝和其他网站的可比性很低。我们粗略地比较一下天猫和淘宝这两个具有可比性的网站，可以稍微感觉到先进的协议可以提升一点性能。本文到这里似乎并没有体现出spdy/3.1和http/2.0的优越性，不过等等，我们似乎忘了什么。spdy/3.1和http/2.0有个链接复用的特点，这可以大大减少请求数量，从而改善页面性能。故而我认为http/2.0是大势所趋，大家都快来拥抱http/2.0吧！