什么因素会影响浏览器打开网页的速度?

标签: 浏览器相关 因素 速度 | 发表时间:2014-01-22 09:13 | 作者:iefans
出处:http://www.iefans.net

相信大家在使用浏览器上网的时候会遇到这么一个问题,在网络环境好的情况下,使用不同的浏览器他们打开网页的速度都会差不多。但是在网络环境比较慢的情况下,每个浏览器打开网页的速度却差别比较大?

为什么在同样的环境下每个浏览器打开网页的情况会有差异呢?是什么因素使得有些浏览器的速度快,有些则很慢呢?

想必这个是很多用户不一定了解的问题,这里给大家分享一篇很好的科普文章,比较全面的介绍了是什么因素让浏览器速度更快,有兴趣的童靴们可以了解一下,全文如下:

我会试着以一种不管有没有技术背景的人都能理解的方式来解释。我用现在使用的 Quora 的网页来进行举例。假设所有的因素(平台、带宽、处理能力、磁盘速度、内存和浏览的网页)是相等的(公平起见),从用户感知和体验的角度来讲,决定浏览器速度的因素有:

1、布局引擎/浏览器引擎

每个浏览器内部都有一个布局引擎。如,不同的浏览器使用的浏览器引擎有:

  • WebKit: Chrome and Safari
  • Gecko: Firefox
  • Trident: IE
  • Presto: Opera

布局引擎决定了HTML的标签、图片和样式在什么时候、哪一部分以及如何进行布置和渲染。基本上所有用户所看见的都是布局引擎来处理的。

下面这页中被布局引擎处理的部分都被标出来了:

布局引擎渲染/浏览器引擎渲染

在这张图片中,左边你看到的“main wrapper"是在整页面都生效的,而不仅是在顶部的搜索条。

布局引擎影响速度是因为:

  • 在上面你看到的HTML文本下载以后,各个部分显示的顺序和渲染速度都取决于布局引擎。不同的引擎是不一样的,所以用户什么时候开始能看到页面也是不同的。
  • 引擎也会导致在显示图片、SVG文件和可视元素上的差异。例如,IE在SVG文件的支持上有限制,而Opera对有交互内容的SVG支持性最好。
  • 布局引擎在对HTML5的支持上的差异也比较明显。这就是为什么同样是上面的HTML,显示出来与像 IE8这样的老的浏览器有差别的原因。
  • 所有上面列出的引擎都是用C++编写的。

2、JavaScript 引擎

每一个浏览器都有一个JavaScript引擎来处理用户与可视化元素。各个浏览器使用的JavaScript引擎如:

  • V8 : Chrome
  • SpiderMonkey/JägerMonkey: Firefox
  • Nitro: Safari
  • Sarakan: Opera
  • Chakra: IE9

JavaScript引擎处理用户与页面的交互(所有的事情都在后台处理)。它执行页面中标识出的Java Script。

JavaScript引擎处理用户与页面的交互

JavaScript 引擎影响速度是因为:

  • 当用户与页面交互的时候(如,按了一个按钮;在搜索条中输入一些文本等等),JavaScript引擎处理请求,把搜到的信息返回给文本框。
  • 在程序中的所有Ajax调用,jQuery、DOM 操作等也都是被Javascript引擎来处理的。
  • 每个引擎处理Java script的方法都不同。由于JavaScript的编译器和JSON数据处理,所以处理的速度也不同。例如,Apple保留Nitro JavaScript引擎单独给Safari,其它的开发者被迫使用其它比较慢的引擎。这就是为什么Safari总是iOS平台上最快的浏览器的原因。
  • 有些引擎如V8的核心部分是用汇编来编写的,非核心部分是C++,其它的引擎都是用C++写的。

3、云端的缓存/压缩/处理

在带宽有限的场景,上面列出的两个因素就不那么重要了。游戏规则的改变使得上面列出的两个因素在一定程度上变得无关紧要。这个技术是被Opera引入的——Opera Turbo。

云端的缓存/压缩/处理

缓存影响速度是因为:

  • 网页被一个服务器在对图片、文本、脚本等压缩/优化后,被发送给用户,这一点极大地加速了浏览的体验。
  • 这个方案,通过减小下载页的大小,几乎终结了对java scrip引擎的需求。

4、本地缓存:

浏览器也缓存一些内容,像脚本、经常访问的页面等等,以备以后使用。 获取的内容从磁盘上面读取面不是通过互联网,这样处理加速了加载的时间。这就是为什么直接浏览要比重载/刷新要快。
-来自Kevin Ernest Long的建议

5、插件管理:

典型的用户打开那些含有RIA(富internet应用,如Flash、Silverlight、Java FX、Quicktim等)的页面,在浏览器中它们要处理视频、音频、游戏等。浏览器在处理这些插件的方式,以及如何与它互相作用是不一样的。Chrome内建了Flash、PDF的支持。其它浏览器对此的方法是不一样的。例如,我当前在使用Firefox,与Firefox关联的进程有:

与浏览器关联的插件进程

插件管理影响速度是因为:

6. 内存管理:

每个标签页都被赋予相同的优先级,脚本执行和上面提到的其它一切。 这标签的内存地址必须要保持隔离,这样不会因为一个标签崩溃而引起整个浏览器宕掉,也不会有安全漏洞。

浏览器内存的管理

Firefox 有40多个标签页,但只运行在一个包含有多线程的一个进程里。IE和Chrome会为每个新标签页打开一个单独的进程。这影响标签页的速度、稳定性和用户的整体体验。

<更新>

7.网络方面的优化

Mike Belshe(顺便说一下,他曾经从事过Chrome和SPDY协议方面的工作)指友善地指出网络方面的优化可以显著地影响浏览器的速度。我曾经以为浏览器在网络处理方面是相同的,但事实证明,我的假设是错误的,我要引用他的意见,以资借鉴。

噢 - 是的,大错特错了。各个浏览器通常都会嵌入HTTP栈(IE是唯一的例外)。下面是Chrome近几年在这方面的创新:

a)、DNS预取

浏览器知道与一个站点所在的子域,会在一次请求做DNS的查找。

b)、动态连接绑定

如果没有空闲的连接可用时,最简单的方法就是创建一个新的连接并等待。复杂一点(也是相对较好的)方法是预先建好一个新连接,使用的时候从已经释放的连接或是这个新连接中选一个使用,先到者先得;

c)、TCP超时的应急之策

丢包是不可避免的。TCP连接的默认超时的标准是3秒。Chrome 上可以看见的改善是在250毫秒之后再打开第2个连接,而不是等满3秒之后再建一个新的连接。

d)、连接管理

当需要一个新的连接时,IE只不是打开一个而是打开两个,

e)、SSL OCSP缓存

每次通过SSL连接的时候,你要鉴别服务器的身份。校验的结果可以缓存在RAM或是磁盘上,保存长达(一般情况下)7天。大约2年前,大部分浏览器没有缓存在磁盘上,导致在浏览器重新启动后,打开SSL的站点时会有1秒的延迟。

f)、SPDY

全新的协议

g)、管道化

通常管道化是失败的,所以大多数浏览器没有实现它,但是如果你真的做好了,它会非常有效。

h)、预渲染

有些浏览器现在对整个页面在后台进行预渲染,用学习算法认定你会装载它们

好了,这只是过去几年中实现的几个优化措施。网络栈绝对不是相同的。

有许多其它参数,诸如plugins/extensions,依赖平台的,渲染模块(open GL或是DirectX)等。 但我已经讲了大多数重要的。浏览器试着展现一个标准的HTML页面,但是为什么会存在不同的浏览器(公司/社团),它们是如何开发的(开放/封闭)以及它们支持的平台(手机/PC/平板电脑)在它们工作的过程中显示的差异。这是为什么不同浏览器有不同速度的终极根源。

原文来源: quora
译者: 华丽的谢幕

This article addresses: http://www.iefans.net/shenme-yinsu-yingxiang-liulanqi-dakai-wangye-sudu/

Here is no comments yet by the time your rss reader get this, Do you want to be the first commentor? Hurry up

相关 [浏览器 网页 速度] 推荐:

什么因素会影响浏览器打开网页的速度?

- - IE浏览器中文网站
相信大家在使用浏览器上网的时候会遇到这么一个问题,在网络环境好的情况下,使用不同的浏览器他们打开网页的速度都会差不多. 但是在网络环境比较慢的情况下,每个浏览器打开网页的速度却差别比较大. 为什么在同样的环境下每个浏览器打开网页的情况会有差异呢. 是什么因素使得有些浏览器的速度快,有些则很慢呢. 想必这个是很多用户不一定了解的问题,这里给大家分享一篇很好的科普文章,比较全面的介绍了是什么因素让浏览器速度更快,有兴趣的童靴们可以了解一下,全文如下:.

亚马逊推出云端浏览器Silk,“拆分”模式让网页加载速度更快

- pestwave - 36氪
今天亚马逊除了推出基于Android的平板电脑Kindle Fire之外,他们还发布了一个重量级产品:基于云计算的浏览器Silk. 亚马逊将Silk称为“拆分”浏览器,一半工作在亚马逊EC2上完成. 网站在被发往移动设备之前,会经过压缩和简化,更重要的是亚马逊的方法似乎更加高级,该浏览器的所有子系统都分布在服务器和客户端两侧,所有工作在设备和云端之间动态完成.

数据称现实中谷歌Chrome浏览器速度最快

- 老谢 - cnBeta.COM
技术性能服务提供商Compuware性能测试部门Gomez今天发布数据,按照一个衡量电脑用户使用的网络浏览器速度的项目结果显示,谷歌Chrome浏览器速度最快. 本次项目只测量了在宽带连接下各浏览器的载入时间,数据收集了1个月内访问逾200个网站的18.6亿个独立样本.

教你找出那个拖慢浏览器速度的插件

- - 极客范 - GeekFan.net
浏览器插件非常有用,但是插件会增加浏览器的内存占用量,让浏览器打开更慢,而且通常来说还会降低 浏览器的运行速度. 但是,如果想知道一个插件在你的系统上具体是什么情况,又该怎么做呢. 每种浏览器都提供了一种方法,可以查看插件的内存占用量,CPU占用和使用这个插件带来的启动延迟时间. 具体的信息取决于你所使用的浏览器.

啊!Geek:为你的计算器做个网页浏览器

- zeaz - 煎蛋
计算器能做什么,能算加剪乘,能玩超级玛丽(计算器上还能玩超级马里呐),甚至还能上网浏览网页,不过是黑白,且纯字符的. 纽约大学名为 Christopher Mitchell 的家伙为自家的 TI-83+ 和TI-84+SE 计算器编写了一个网页浏览器,虽然不能媲美现在烂大街的iPhone,擦,但哥也是可以上网的“智能计算机了”.

[图]网页浏览器历史 | 小众软件 > 日志

- MArCoRQ - 小众软件 - Appinn
你知道互联网上最早的浏览器是什么吗. 知道是谁在浏览器的历史长河里执着又不愿突破始终如一的市场占有率吗. 下面这张图片,详细展示了主流浏览器的重要版本诞生时间以及当时的市场占用率,. via 译言网 &Ultimate HTML5 Cheatsheat by Tech King. ©2011 scavin for 小众软件 | 原文链接 | 85 留言 | 联系我们 | 投稿 | 更新列表 | 订阅指南.

用 Chrome 浏览器一边浏览网页一边做慈善

- 丹枫 - Chrome迷
啊~~~,如果人人都献出一点爱,世界将变成美好的人间……. Google 今天就搞了一个让你使用 Chrome 浏览器上网的同时,还可以献出自己爱心的活动. 参与这个活动很简单,你只需要装上 Google 官方推出的 Chrome for a Cause 这枚扩展再浏览网页就可以了,这个扩展会实时统计你打开的标签页数量,你打开的标签越多,那么献出的爱心也就越多(当然是 Google 捐助).

Guacamole通过浏览器以网页远程控制电脑

- - IE浏览器中文网站
Guacamole 是一个以 HTML5 为基础的网页应用程序(web application),使用者可以在浏览器中通过这个网页应用程序并配合远程桌面的传输协议(例如 VNC 或 RDP)来操控远程的电脑. 除了网页应用程序之外,Guacamole 也是一个专案名称,这个专案的内容就是发展一套 API 提供给 Guacamole 网页应用程序使用,而这个 API 亦可用于其他类似的应用程序或服务.

微软正式发布Spartan浏览器 集成网页标注

- - 博客园_新闻
创见干货:微软今天正式发布 Spartan 浏览器,集成网页标注、Cortana 语音助手、阅读列表等功能,注册 Windows Insider 项目的用户可以尝鲜了. Spartan 目前仍处于预发布状态,意味着代码中可能仍存在漏洞,比较适合有经验的开发者使用. 北京时间 3 月 31 日早间消息,微软今天首次公开发布了新的 Project Spartan 浏览器,Windows Insider 项目的参与者将可以尝试这款新浏览器.

亚马逊推云浏览器Silk 大大提高浏览速度

- jejer - cnBeta.COM
亚马逊今天推出了Silk浏览器,据介绍,它采用“分裂式浏览器(split browser)”架构,在移动设备中,通过利用亚马逊网络云服务( Web Services cloud (AWS))的运算力和运算速度、给硬件设备加速. Silk浏览器同时驻留在Kindle Fire、亚马逊EC2(亚马逊Elastic Compute)中.