说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

在IE11中更快地获得您需要的内容

HTML文档下载 WORD文档下载 PDF文档下载
尽管我们现在可以使用比以往更高的带宽,网络延迟依然是一个影响Web性能的问题。IE11可帮助克服网络延迟的影响,使日常的浏览活动变得更快且响应程度更高,并且不会影响电池使用时间、CPU、网络带宽或内存。

Internet Explorer 11 可帮助克服网络延迟的影响,使日常的浏览活动变得更快且响应程度更高,并且不会影响电池使用时间、CPU、网络带宽或内存。尽管我们现在可以使用比以往更高的带宽,网络延迟依然是一个影响Web性能的问题。通过在后台下载和预加载页面和Web资源、使用SPDY/3协议并行下载多个资源,以及排定页面中最重要资源的下载优先级,IE11减少了网络延迟所带来的影响。

页面预测、预加载和预提取

IE11中的页预加载(也称为预呈现)和预提取为浏览器下载和预呈现下一个页面,或下载下一个页面的资源提供一个良好的开端。对于常见的浏览模式,页面将预先在后台提取甚至构建,这些页面位于隐藏的选项卡中,因此它们可以在您单击该链接时立即出现。这些技术加快了您在 Web 上的常用操作(例如搜索、阅读文章、浏览照片等),给人以如同浏览本地内容般的感觉。

IE11使用两个信息源来确定要预加载或预提取的内容:IE 的“页面预测”技术和网站开发人员提供的标记。

使用自动页面预测功能预加载网页

使用自动页面预测功能,Internet Explorer 可以预测您将浏览的下一个页面,并事先加载该页面,让导航几乎在瞬间完成。预测使用我们对浏览模式的理解、用户的浏览习惯和网页中公认的线索(如“next”链接和分页)来完成。Bing 的广泛的 Web 知识和数据挖掘技术可以使这些预测变得更加犀利。

例如,当在现代浏览器中阅读一篇文章时,您可以使用 快速翻页功能向前轻扫,以浏览已呈现的下一个页面。您可以获得如同阅读杂志般的体验,快速、自然且有趣。您可以使用 页面预测体验来了解这一功能。


该页面预测体验展示了IE11中使用快速翻页功能、页面预测和页面预加载的几乎瞬时的页面加载性能

使用标记中的开发人员提供的提示预加载网页

在 IE 预测您的导航并自动预加载页面和内容时,Web 开发人员还可以通过使用简单标记来控制他们网站上的体验。如果网站开发人员确信您要单击的下一个链接,他们可以在页面中包含提示,从而 IE 可以提前下载和准备下一个页面。他们可以使用 <link rel=”prerender”> 标签来完成该操作,该标签正由 W3C Web 性能工作组进行标准化。这样做可以实现大幅的性能提升,并增加网站的用户访问量。

<linkrel="prerender"href="http://example.com/nextpage.html"/>

我们使用了预加载来改善 Bing 搜索体验,并帮助您更快地完成搜索任务。请继续在使用该示例搜索的 Bing 中试用这一功能。当十分确信您将单击热门搜寻结果时,Bing 会包含提示,以在后台加载热门搜寻结果。

使用标记中的开发人员提供的提示预提取单个资源

IE11 还引入了单独预提取资源(而非预加载整个页面)的功能。不同于预加载,预提取几乎不使用任何内存或 CPU 资源。例如,预提取对于检索用于网站上的多个页面的样式表和脚本文件十分有用。这样,如果您有同样的可能单击网站上的多个链接,您可以从包含页面加载所需的关键阻塞资源的浏览器缓存中获益,无论您单击哪个链接。Web 开发人员可以使用 <link rel=”prefetch”> 标签实现这个目标:

<linkrel="prefetch"href="http://example.com/style.css"/>
下面是以简化方式呈现的一个简单应用场景使用和未使用预提取的网络时间线。请注意,如果预提取一些页面资源,即使是对于简单页面,页面的加载时间也缩短了约66%。绿色条显示的是通过网络下载资源所花费的时间。使用预提取,绿色条大幅缩短,因为资源将从本地缓存中提取。


预提取大资源可将页面加载速度提升 66% 的示例

页面预测、预加载和预提取功能延伸了我们在IE10中引入的理念,即预先开始指定的主机名的DNS 解析可最高节省500毫秒的页面加载时间。让我们来看一个例子:

<linkrel="dns-prefetch"href="http://example.com/"/>

MSDN提供了详细的 预加载和预提取的文档。

快速且不浪费电池使用时间、CPU或带宽

在IE11提供这些性能提升的同时,其不会影响电池的使用时间、产生Internet服务提供商收取的意外数据费用,或者影响前台页面的性能。为了控制资源使用,IE 可以限制在后台下载的资源,并管理后台加载的执行时间和优先级。

IE11只下载非常可能会影响导航性能的资源。例如,仅在十分确信您将访问一些页面和内容时,IE11才会预加载它们。而独特之处在于,IE 还可以防止网站耗尽您的设备的资源,具体方法是限制每个网页的预加载和预提取操作的次数。

IE11还可以管理预先下载的执行时间和优先级。不同于其他浏览器,IE不会在您使用按字节收费的计费网络,或者您接近流量上限时预加载页面或预提取内容。IE11是唯一在活动页面加载之后开始预提取和预加载操作的浏览器,因此这些后台活动不会影响您的活动选项卡的性能。仅在 IE 中,来自后台页面的预提取和预加载请求将被推迟,直到您将页面切换至前台。这样可以最小化内存使用,并确保系统资源可以专门处理您所专注的任务和您的下次导航。最终,这些请求将被作为低优先级任务进行处理,从而不会与您的活动任务争夺带宽。

我们可以直接在 Bing 搜索结果页面中看到 IE 的方法的优势。正如上文所述,Bing 将添加首个搜索结果的预加载提示。在另一个浏览器中,我们看到搜索结果页面的页面加载时间增加了 4.36%,这是因为后台页面加载正与前台页面争夺网络和处理资源。IE 将等待前台页面加载完成,然后开始预加载请求,以确保后台活动不会影响活动页面的加载时间。

为了进一步说明 IE11 的资源管理方法的优势所在,让我们来看一个比较 IE 和另一个同样实施预加载的领先的浏览器的示例应用场景。在该应用场景中,我正在 Bing 上搜索万圣节服装。热门搜寻结果已预加载。我在后台选项卡中打开前两个搜索结果,以便我可以边比较边购买。第二个结果页面包含一个预加载提示。我切换到第一个结果选项卡,并找到了我正在寻找的服装。我从未切换到第二个搜索结果选项卡。您可以在下方看到 IE11 如何能够更高效地使用网络和系统内存:

  Internet Explorer 11 其他浏览器
发送的请求的总数量 260 373
DNS 解析的总数量 30 57
发送的字节数 209,151 232,605
收到的字节数 2,879,642 3,918,390
使用的内存 102.4 MB 152.7 MB
以下是CPU使用情况图,IE11的CPU使用情况图显然不太繁忙。



IE11(上方)和另一个浏览器(下方)中的预加载应用场景的CPU使用情况图显示IE11使CPU处于更为空闲的状态

这些资源差异会随着您浏览 Web 而不断累积。在您的资源有限的便携式设备上,IE11 的方法最终将对电池使用时间和系统性能产生重大影响。在按流量计费的网络中,这些节省将直接转化成为您省下的成本!

查看活动的页面预测、预加载和预提取

如果您要更密切地观察活动的预加载和页面预测,请注意下面的工具提示:

a.当您长按正在后台加载的链接(或使用鼠标悬停在链接上方)时,您将看到表明后台页面加载的工具提示:


悬停在链接上方时显示的IE11工具提示表明进展中的预加载

b.当您长按已预加载的页面上的刷新按钮(或使用鼠标悬停在按钮上方)时,您将看到表明该页面已预加载的工具提示:


悬停在刷新按钮上方时显示的IE11工具提示表明一个页面已预加载

您还可以在诸如Fiddler等HTTP调试器中预先查看耗费的流量。

控制页面预测、预加载和预提取

您可以使用“设置”下的新的“隐私”选项卡开启/关闭页面预测。


IE11中的页面预测设置在“隐私”选项卡下访问

您可以通过取消选中一个高级设置来关闭所有预加载和预提取操作:


控制预加载和预提取的IE11高级设置

使用SPDY/3实现更快的页面加载速度,为HTTP/2.0做好准备

IE11支持 SPDY/3—— 一项通过将多个请求合并到一个单一网络连接,来提高页面加载速度的实验协议。除了提供更快速的页面加载之外,IE11 对 SPDY 的支持还允许 Web 开发人员开始优化网站,为即将到来的 HTTP/2.0标准(目前正在开发)做好准备。

现代网站通常包含许多单独资源。浏览器通常会打开多个并行的连接来加快页面下载速度。但是,浏览器会限制同时下载任务的数量,以避免使网络过载,另外当打开这些连接时,浏览器必须等待连接完成,而且还会在连接“活跃起来”时阻塞。因此,浏览器需要花时间等待请求和响应的传输,特别是在更高延迟的移动网络中。它会花费远超过实际所需的更长时间来下载和显示包含大量资源的页面。

IE11 支持通过 SPDY/3 协议来克服这一限制,并提升现代网站的页面加载速度和响应程度。SPDY/3 可在一个单一连接中实施多路复用请求/响应。通过消除对未处理请求的数量限制,以及将“活跃的”连接用于每个并行下载,SPDY/3 提高了页面加载速度。下面的图表显示了一个页面(包含许多阻塞页面完成的资源)的加载速度提升:


在该示例页面中,通过更快速地获得多个资源,以及比HTTP/1.1 更高效地使用CPU,SPDY/3提高了页面加载速度

IE11可自动与支持SPDY/3协议的网站协商该协议。用户无需执行任何特别操作。一些热门网站(包括Facebook和Twitter)已部署SPDY/3。当连接到某个网站或者下载资源时,如果您想知道是否 IE 正在使用SPDY/3,您可以使用全新的F12开发人员工具中的网络选项卡。


IE11中的F12开发人员工具可以显示哪些资源正在使用SPDY/3进行下载

SPDY/3是一项实验协议,但其是开发新兴的HTTP/2.0标准的基础。Microsoft正在积极参与HTTP/2.0的标准化工作。作为我们与IETF合作的一部分,Microsoft发布了一系列用户要求(已在 HTTP 速度与移动性中简要介绍),包括实现从现有Web到HTTP/2.0的顺利迁移的重要性、关注带宽使用情况和管理电池影响。IE11的SPDY/3实施与这一方法一致。

排定资源的优先级以实现高效的页面加载

IE11可以排定对于加载页面最重要的资源下载请求的优先级,从而可以实现响应程度更高的浏览。优先级最高的资源将首先下载,并且下载时将使用最快的可用TCP连接。例如,IE11将给予阻塞页面加载的请求更高的优先级。

下面是一些已排定/未排定优先级的请求的示例:

  • CSS、Javascript和根HTML等阻塞资源已排定优先级
  • UI线程发起的调用以及同步的XHR已排定优先级
  • 后台选项卡的内容(包括预加载的页面)未排定优先级
  • iFrame内容未排定优先级

开发人员可以对 IE11 排定资源下载的优先级的方式进行微调。这一内置的优先级机制对于一些网页是不够的。例如,开发人员可能要表明位于“网页中靠下方的”图像的优先级应低于位于“网页中靠上方的”更重要的资源的优先级。

开发人员可以通过添加lazyload标签来降低资源的优先级:

<imgsrc="image.jpg" lazyload />

IE是首个面向开发人员支持这一功能的浏览器,我们正在W3C Web性能工作组中积极努力,以标准化这一行为。

总结

通过在使用SPDY/3协议的更高效的网络上预先提取页面和内容,以及排定加快浏览速度的资源的优先级,IE11可以降低网络延迟带来的影响。我们基于在IE9和IE10中引入的网络性能优化和缓存改善进行构建。

来自:MSDN

MDCC 2014优秀移动团队免费展位火热申请中 【微信讲师面对面】你在企业服务号开发中遇到的坑和难点 五个解决方案让MongoDB拥有RDBMS的鲁棒性事务 浅谈Apache Spark的6个发光点 安卓 “假ID” 签名漏洞,竟然骗过了支付宝和360 从Social到Big Data,移动App蚂蜂窝转型推新品 《近匠》nice曹大鹏,从男装导购到潮人社区的心路历程 DevOps扼杀的不是开发者,而是开发生产力! 利用Docker构建开发环境 Netflix公布Cassandra新性能:基于AWS的百万次写入每秒 一周消息树:谷歌Android遭遇“颠覆”危机 微软发布新应用Snipp3t,iOS平台首发且无Windows Phone版 TOP10优秀微信开发商随后揭晓 2014微信开发者大会开幕在即 8月12日:PC鼻祖IBM 5150迎来33周年 平板创作3D展现:蒙特利尔大学发明Hyve-3D设计系统 Quick Charge技术解析:关于手机快速充电的那些事儿 性能分析十八招,你用哪一招? 流程在企业内的作用及成熟度 Gartner:至2017年Chromebook销量将增2倍 后稀缺时代思考:机器横行下的人类夹缝求生 TIOBE 2014年8月编程语言排行榜:Swift跌出Top 20 精华回顾!历届MDCC大会精彩演讲与议程汇总 《近匠》Fancy3D:亿级游戏背后的轻量级引擎 假如李小龙是程序员…… Docker已扎根新一代PaaS 三星或发布首款头戴式VR设备Project Moonlight 英特尔亚太研发总经理何京翔:数据化时代背后的智慧 云络网络科技CEO Steve Mushero:游戏行业的云运维 腾讯游戏运营管理中心总监刘栖铜:腾讯游戏云的理想与实践 一号专车产品总监曹景辉:LBS应用仍有无限的创新空间 昆仑游戏总裁张益豪:做好中国游戏的海外代理 求文件长度? 用DELPHI 开发过ORACLE数据库的高手帮忙,我现在遇到个问题, BCB消息机制问题, 关于MFC 请教:jar问题 零为什么不能做为除数。 菜单资源ID得问题 请问高手,实验室局域网内部下载速度很慢,会是什么原因造成的? 如何利用Datareport做出好看一点的报表? Grid的列怎么来调整? GDI+类使用new操作符问题 有人在吗? 请看看这一样个SQL语句 页面上有两个相连的表格时,中间的边框变得很粗,能否做到和一个表格的效果? 帮我写一个简单的和SERVER2000查询的例子50分相送!! 怎样将别人给我的数据库文件导到本地? 近日较忙,散分200 请问将脚本写在页面和写在J文件里有什么不同?我写在页面上一切正常,可是把脚本防在一个JS文件就报错 ===好几天,ADO 连接oracle数据库的问题.还搞定。大伙给看看 DBLookupComboBox的疑问 我是福建省福州的.程序员在哪儿报名呀?? 如何让录入页面的信息能自动保存~! 编写函数 有谁知道华工的计算机应用的复试考那几门?另外请问关于其他不公布复试科目的学校可以通过电话询问复试科目吗? 想不通,请教?(802.1x) 一个有关浏览器的问题,高手必进! 那位兄弟推荐一款文件夹加密的软件! 发布一套完整的网站系统,up就给分 怎么样能够把文件上传到服务器的任意目录下?? java同mysql连接不上: Server configuration denies access to data source 大家是如何看别人的源程序的呀~介绍一下自己的经验嘛~ 字符串A与B,找出A,B的最大公共子串? 我从TPanel继承一个控件,此控件能有OnMouseWheel事件吗?如果有,如何写? 新手的不解 谁能给个 ado 访问 mssql 最简单的代码例子? 关于Unicode的两个问题 sjsj(悠行者) 进来拿分。 100分送给大家!!! 用大数据库建立小数据库有没有好办法? 请问vc.net带的水晶报表能否用于vc6.0? 有没有vc开发水晶报表的例子? RedHat7.2可以为什么RedHat8.0就不行? 怎样在对话框的左上角加上自己的图标?替代掉VC自己带的那一个? 编写函数 ***急!!如何在DBGRID中不同的行显示不同的颜色*** 关于按钮的问题(急) 图形上载 很想知道大家有没有经商的念头?都有什么好点子,交流一下。 com组件注册与un注册的问题 当数据库不支持事务的时候^^^^ 超严重关注...!!! 怕坏了那边的帖子,专开一贴 UP ! 在线待等[解决即结分]:我想写一个返回为DataTable的函数出错,函数如下: 溶酶体来源于什么细胞器?溶酶体来自什么细胞器?高尔基体分泌什么,然后与什么结合成一个细胞? 什么是掺稀土元素? 这个小鼠的全基因组要怎么下载啊? 溶酶体可以消化细胞器碎片吗 化学问题:将氯化铵与过量氢氧化钙混合加热.最多可制得标准状态下氨气多少升?要过程 马蹄酥的作文怎么写 在下列细胞器中,质子泵在于 .A.高尔基体膜上 B.溶酶体膜上 C.过氧化物酶体膜上 D.内质网膜上 溶酶体是富含酸性水解酶的消化性细胞器,这种说法对吗? 1982年,美国科学家将人的生长激素基因移到小鼠的体内,得到了超级小鼠,此基因技术受体细胞是A卵细胞 B去核卵细胞 C受精卵 D乳腺上皮细胞我知道BD肯定不对,但是A哪里不对了,具体的生物原理 梅雨造成的灾害梅雨会造成什么灾害啊?急用, 陈翔、武艺、谭杰希谁会得第一说出原因 陈翔英语怎么样 光合作用的直接产物中的糖是仅限于葡萄糖么? 谁能给一篇介绍快男谭杰希的英文介绍? 心室肌细胞每次兴奋时有那些变化?有何特点? 在光合作用的产物葡萄糖中,碳氢氧三种元素分别来自与?在光合作用的产物葡萄糖中,碳氢氧三种元素分别来自与?1 CO22 气孔的直接吸引3 水的分解4 叶绿素的分解请选择三个 细胞呼吸作用的实质与意义? 我喜欢她,她喜欢我,可我们都知道没有结果.求一句能表达此句话无奈意思的句子,或诗句,要很有内涵的.或者求一句藏头诗句,前面带有“陈红庆我爱你”字样,诗尾带有“曾鑫为你作词”,诗尾 西瓜的起源与传播 已知氢化钾能与水水发生如下反应:KH + H2O==KOH +H2↑.现准确称量20克氢化钾放入230.5克水中,充分反应后,向所得溶液中逐滴加入溶质质量分数为15%的硫酸镁溶液,至恰好完全反应,不再产生沉淀 《黄鹤楼送孟浩然之广陵》这首诗中的的孤 帆是什么意思 光合作用的 直接 产物中的糖是仅限于葡萄糖么?还是能直接产生多种糖? 光合作用的部位:_________细胞 呼吸作用的部位:_________细胞同上 求这句话的解释,懂得帮下忙!日干癸 在离宫绝地,虽临值符,但环境、气候、人际、人为一方面也不好 光合作用 葡萄糖 计算 时尚女人英文改怎么翻译 李大钊的儿子 10月10日生物追问17页:25,下列关于细胞器的描述正确的是 ① 酶体内含有多种水解酶,能分解衰老,损伤的细胞②动植物细胞都有两个互相垂直排列的中心粒③用高倍镜观察叶绿体可选用黑藻幼 用苹果手机变得越来越流行了.翻译成英语 李大钊的孩子们是谁只要名字 溶酶体内含多种水解酶,能反饥饿衰老、损伤的细胞对吗?不是反饥饿 方程式:乙醇在铜的催化作用下与空气氧化?乙醇和乙酸酯化反应? 家乡马蹄酥的作文 如何准确快速书写燃料电池反应式?主要是电极反应,不是总反应.还有就是在不同电解质下的反应,望知道这方面知识的帮忙总结一下. 人体内所有的细胞都叫组织细胞组织细胞都可进行有氧或无氧呼吸吗 还有其他细胞可以吗 苯甲醛硝化时为什么在浓硫酸中加发烟硝酸再加苯甲醛?(反应条件为低温273K以防止醛基氧化)邢大本如是说.感觉顺序反了 石煤渣和煤矸石的区别 人体内组织细胞产生的二氧化碳排除体外的顺序正确的是1.气体在血液里的运输 2.血液与组织细胞间的气体交换 3.外界气体与肺泡内气体之间的交换 4.肺泡的气体与血液间的气体交换 多一点正常细胞发生癌变的例子 田径比赛计时员为起跑计时时,是看发令枪的烟雾而不是听枪声,为什么? 植物细胞对含N、P等无机盐的吸收既依赖细胞呼吸,又影响细胞呼吸.原理是什么? 生鲜奶如何消毒和灭菌处理? 溶酶体能合成多种水解酶吗如题 是不是核糖体合成蛋白质 那水解酶是核糖体合成完后运到溶酶体的? 姓名陈翔英文怎么翻译, 形容理直气壮不慌不忙的样子是什么词? 怎样写有机燃料电池反应式 电子门遥控器能在200度高温下烘烤吗我要在电子门遥控器的按键上印字,为了增加牢度要200度烘箱里烘烤,在完全不拆散的情况下直接烘烤行不行呢?急想知道 已杀菌的牛奶可以再煮吗或者热下,就是巴氏杀菌 求乙醇直接氧化为乙酸的化学方程式 玻璃棉在高温200度烘烤一小时后,拿到常温下,会不会吸收空气中的水分?即:在从高温状态中,拿到常温状态下的含水量或湿度变化? 牛奶怎么灭菌 已知KH和H2O反应生成H2和KOH,反应中1molKH( )已知KH和H2O反应生成H2和KOH,反应中1molKH( )A失去1mol电子 B得到1mol电子 C失去1mol电子 D没有电子得失此题为什么选A 请尽可能详细回答 烘焙用淋膜纸托 烘焙时会有毒吗 奶站的牛奶怎么杀菌?我有一个大型奶站,大量的牛奶怎么杀菌啊! 已知氢化钾能与水发生如下反应:KH + H2O==KOH +H2↑已知氢化钾能与水水发生如下反应:KH + H2O==KOH +H2↑.现准确称量20克氢化钾放入230.5克水中,充分反应后,向所得溶液中逐滴加入溶质质量分数 北京阅微基因技术有限公司有荧光定量PCR试剂盒吗? 看意思写词语.1.形容理直气壮不慌不忙说话的样子. kH和H2o反应生成H2和KOH反应中koH得失电子的数目是多少 北京阅微基因技术有限公司金牌酶/高保真taq酶/热启动Taq酶 稀有金属和稀土金属到底有什么区别?分别包括那些金属呢? 马来西亚保安员枪杀银行职员后抢走19英媒:巴基斯坦女性地位低下 致女警招纽约一毒贩壁橱藏价值300万美元可卡马达加斯加举行总统选举南亚地区仍有6.75亿人露天排便法国职业足球俱乐部罢赛抗议 不满缴纳24架美军“鱼鹰”运输机落户冲绳 半美国监听行为激怒欧盟 欧盟各国首脑纷德媒翻奥巴马“旧账” 称其冷酷不愿交水池捞2.87美元硬币买食物 穷困智德媒借美监听事件翻奥巴马\"旧账\"欧盟主席谈隐私 被称暗示美国搞监视是美媒解密美国国家安全局监控盟友的方式24架美军“鱼鹰”运输机落户冲绳 半沙特前高官批评美国中东政策 或联手埃澳大利亚最老双胞胎长寿秘诀:不与坏男美国19岁学生欲徒步闯南极 14岁曾欧盟主席谈隐私 被称暗示美国搞监视是西藏活佛在柏林开讲座 介绍藏传佛教和印度总理辛格不用手机电子邮件 不担心日本内阁会议通过特定秘密保护法案 欲刘建军:守望信仰赤子心“天价”乌木 到底归谁造就实现中国梦的强大文化力量江苏举办马克思主义学院院长高级研修班货车轿车相撞 三人魂断合淮路皖江发展缺点啥 “智囊团”里主意多“80后”建网站 挂“狗头”卖枪弹阿里扎神兵天降砍30分 奇才再胜公牛郑州有了美术教育实践基地保送叫停,奥赛培训缘何火爆依旧?皇城相府步步惊“艳”5月 11日,上海理工大学中英国际学木马公寓电梯还没修好喝崂山啤酒,赢金条大奖大河微评雨花台高级中学:一所人人向往的学校5米长大白鲨狂追小渔船五一首演补“食”更需补“识”宇宙间最浪漫的事186家见习基地“兜底”高校毕业生
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘