所谓快速的浏览器到底是什么意思？

【51CTO精选译文】本文从技术和用户体验的角度&＃xff0c;一一介绍了影响浏览器速度的因素&＃xff0c;以及如何判定一个浏览器是否快速。本文作者Evan Martin是Google Chrome项目的开发者&＃xff0c;文章来自他的个人博客&＃xff0c;与Google官方并无关系。以下为原文编译&＃xff1a;

所谓快速的浏览器&＃xff0c;到底是什么意思&＃xff1f;事实上这是个挺困难的问题。我在最近的Ubuntu开发者峰会上被邀请谈谈这方面的问题&＃xff0c;并写下这篇文章进行补充。

基准测试

很多人会先想到基准测试。科技媒体喜爱基准测试&＃xff0c;因为基准测试提供了数字&＃xff0c;可以用来描绘美丽的对比图。然而从本质上而言&＃xff0c;基准测试衡量的都是十分具体的参数&＃xff0c;仅能用来模仿用户可能将经历的过程。浏览器最重要的基准测试就是Javascript基准测试&＃xff0c;然而虽然没人会否认Javascript的重要性&＃xff0c;但Javascript毕竟不是大多数简单网页加载速度的决定性因素。我认为现在针对Javascript引擎所作的改进主要是为了未来将被创建的站&＃xff0c;比如这个Javascript NES模拟器。当然了&＃xff0c;像是Gmail这样大大得利于快速JS引擎的站也不算少了。

通过Javascript基准测试得出的结论往往是令人乏味的&＃xff0c;比如&＃xff1a;“Wine实现的Mozilla比Linux编译的Mozilla快&＃xff0c;所以Mozilla并不重视Linux”。Javascript基准测试就是能够得出这样缺乏引导性的结论&＃xff0c;而事实是&＃xff0c;浏览器对于Javascript的实现代码在各个平台上都是几乎完全一样的&＃xff01;上面这个测试的速度差很可能来自编译器质量的不同&＃xff0c;所以Mozilla遇到的差别在其他跨平台浏览器上应该也能够看到。这样的评论从各个层面来看都是十分无聊的。第一&＃xff0c;该结论毫无依据&＃xff1b;第二&＃xff0c;Javascript基准测试从设计而言和平台毫无瓜葛&＃xff1b;最后&＃xff0c;这些基准测试甚至没有针对每个平台特有的代码进行测试。

新的基准测试正尝试覆盖Javascript之外的内容。Dromaeo是个不错的例子&＃xff0c;这个测试有一部分是针对DOM的。不过&＃xff0c;我们要小心第三方的基准测试&＃xff01;对于Dromaeo还好&＃xff0c;它的作者John比其他大多数浏览器开发者对Web开发的理解要来的更深入&＃xff1b;但对其他人我就不怎么放心了。写一个看起来不错的性能测试并不难&＃xff0c;但它测试的不一定是有用的东西。好比说&＃xff0c;SunSpider 0.9.1发布声明中就有一段内容&＃xff0c;有关测试框架与能源管理之间交互的一个bug。要知道&＃xff0c;这个bug涉及到的作者是一个经验丰富的浏览器开发者&＃xff0c;而不是随便哪个Web开发爱好者。

周期计时

一个更好的测量方法可能是观察浏览器从头至尾加载一个真实的网页的性能&＃xff0c;这个过程包含了Javascript引擎以及其他部件的工作&＃xff1a;HTML解析&＃xff0c;字体测量等等。我们和Mozilla&＃xff08;我想其他浏览器厂商应该也都有&＃xff09;都有针对本地页面的测试工具。对于第三方测试者而言&＃xff0c;通过使用这些工具来测试比较浏览器的加载速度是很自然的选择&＃xff0c;唯一的不同在于他们的测试对象是真实的网页&＃xff08;如Yahoo主页&＃xff09;&＃xff0c;其测试结果也往往是有版权而无法公开的&＃xff08;就我所知&＃xff0c;我们的测试页都被设为隐私&＃xff1b;而我在Mozilla也只找到这样一个页面&＃xff09;。

为了使测试数据可以重现&＃xff0c;通常的测试方式都是从本地读取一个页面文件&＃xff0c;而不是从网络上读取加载&＃xff08;51CTO编者注&＃xff1a;记得Google那个切土豆的视频么&＃xff1f;有细心的网友发现视频中的测试页面是本地地址&＃xff0c;这实际上是浏览器速度测试的通用做法&＃xff09;。目前讨论的基准测试当中&＃xff0c;还没有一个将网络速度包含在测试因素内。这是一个遗憾&＃xff0c;因为这是个很有趣的领域。比如说&＃xff0c;不同的浏览器如何使用不同的单个host连接限制&＃xff0c;或者Chrome如何在启动时进行DNS预读取&＃xff08;这个DNS预读取的行为事实上比任何Web渲染或JS处理造成的影响都要大。你可以在Chrome中输入about:dns进行进一步了解&＃xff09;。

网速之外&＃xff0c;仍然有其它影响浏览器性能的环节&＃xff0c;比如网络协议层以及缓存。我记得在Chrome开发前期&＃xff0c;Mike还是Nagle曾经发现过一个网络层的bug&＃xff0c;这个bug造成Chrome读取网页的速度迟于IE。上面所有的这些测试都无法呈现出这个bug的效果。另外从某种角度而言&＃xff0c;将像素呈现在屏幕之上所花费的时间也可以算作一个环节。Gmail的加载更是一个疯狂的多重过程&＃xff0c;这个过程在例常的Javascript和呈现的步骤之外还包含了好几次重新导向、进度条等部分&＃xff1b;而就我所知&＃xff0c;似乎还没有哪个测试是针对Gmail的加载速度而进行的。

秒表

所有的测试在本质上都是虚幻的&＃xff0c;并不能代表真正的浏览过程。人们终于意识到这一点似乎是从微软发布IE8开始&＃xff0c;当时微软的基准测试声称IE8是最快的浏览器。基准测试的某一项叫做“我们付钱雇了一些志愿者仔细的看&＃xff0c;他们说我们是最快的”&＃xff0c;然而不幸的是&＃xff0c;而这一项测试的结果无论动机如何纯洁&＃xff0c;都无法使大多数人接受。事实上&＃xff0c;这样的测试比任何一种性能基准测试都更接近于我们的目标&＃xff0c;但糟糕的是&＃xff0c;这种测试的结果数据完全无法重现。也许浏览器开发者们会针对这点进行优化&＃xff1f;

心理作用和Jank

人们称一个浏览器为快速的原因不仅是上面提到的这些。从可测量的数字到模糊的秒表测试&＃xff0c;我可以确认一点&＃xff1a;比测试性能更重要的是&＃xff0c;用户感觉你快不快。下面我来讲讲这几个和网页无关的有趣因素。

其中一个叫做UI延迟&＃xff08;我们称之为jank&＃xff09;。当你在地址栏里输入的时候&＃xff0c;浏览器的反应快么&＃xff1f;创建新标签页的时候呢&＃xff1f;Peter曾经就此做过一次演讲&＃xff0c;虽然我没看&＃xff0c;但应该是十分深入的一次课程。在对Ubuntu开发者演讲时我也十分希望强调此点&＃xff0c;那就是即使你的应用能够在一秒之内呈现上千页面&＃xff0c;一个小小的问题仍会让用户感觉你的应用很慢&＃xff08;比如Ubuntu的软件包更新工具在这方面我觉得就做的很糟&＃xff09;。我觉得这才是我们在性能上“超越”Mozilla&＃xff0c;以及我们在Linux上日益流行的最大原因。当然&＃xff0c;这是一个很难量化的因素。

减少jank的一个很好的例子就是Chrome中自动完成的实现。当你输入URL时&＃xff0c;我们从您的浏览历史中提取URL的自动完成&＃xff0c;以及相似地址的推荐。当你按下Enter键时&＃xff0c;我们让Chrome进行了同步自动完成&＃xff0c;以确保你进入的地址正是你所看到的地址。当然这也便意味着我们不能从磁盘读取数据&＃xff0c;因为从磁盘读取的过程会令自动完成有所延时。因此我们的做法是&＃xff0c;将整个自动完成的数据在浏览器启动时加载到内存当中&＃xff08;相比你的所有浏览历史&＃xff0c;这部分数据并不是很大&＃xff09;。

启动

另一个有关性能的环节和上面所有的因素几乎完全没有关系&＃xff0c;那就是启动速度。我在之前的演讲中提到了GNOME的计算器&＃xff0c;不过他们现在已经修复了这个问题。好在类似的问题很多&＃xff0c;比如Ubuntu的菜单也是&＃xff0c;我每次都要数到5才能弹出菜单。对于Chrome的启动我写过十分详细的技术文档&＃xff0c;从基准测试和适应低配系统等两个方面阐述。现在我们来看看为什么这十分重要。

我相信一个应用的启动速度确立了用户对其性能的期待。事情总是这样的&＃xff1a;用户认为你很快总是要比你事实上快不快来的重要。当你的启动速度和轻量级应用一样快时&＃xff0c;用户会觉得他们在使用一个轻量级应用&＃xff0c;尽管事实并非如此&＃xff08;事实上&＃xff0c;任何一个可以呈现页面的浏览器都是庞大的应用&＃xff0c;包括我们的Chrome&＃xff09;。比如说&＃xff0c;即使到今天我还是习惯时不时的使用vi编辑器&＃xff0c;因为emacs启动实在太慢了。我甚至没有意识到我在下意识的拒绝使用emacs。

当然&＃xff0c;快速的启动意味着在启动时做更少的工作&＃xff0c;因此整个代码都需要进行仔细的工程。

结论

在Chrome工作三年&＃xff0c;我从中学到的一大原则就是&＃xff1a;如果你没有考虑某个性能&＃xff0c;那么这项性能必然会退步。这是软件开发的一个自然现象&＃xff0c;因为我们总是在为应用添加而非减少东西。因此&＃xff0c;我们使用buildbots来为所有的性能测试创建图表&＃xff08;该页面巨大&＃xff0c;当心浏览器崩溃&＃xff09;。每个退步的性能项都会变红&＃xff0c;这事经常发生&＃xff0c;然后我们就要修改代码。

总之一句话&＃xff1a;基准测试仅仅在你了解该测试的技术细节时才有他的用处。如果你并非一个浏览器开发者&＃xff0c;那么身为一个“专业人士”&＃xff0c;我要说的是&＃xff0c;自己打开网页尝试一下才是判断哪个浏览器最快的最佳方法。

原文&＃xff1a;http://neugierig.org/software/chromium/notes/2010/05/fast.html