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

在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

利用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应用仍有无限的创新空间 昆仑游戏总裁张益豪:做好中国游戏的海外代理 游族首席运营官陈礼标:重点打造全球化IP 我是怎么利用微信月收入三万以上的! 我的Y Combinator黑客马拉松之感! 最炫HTML5 JavaScript框架Famo.us融资2500万美元 看板先驱David J. Anderson:看板方法拉动互联网时代敏捷变革 《近匠》增强现实开发团队LegendTech:AR技术现已加入15元豪华午餐 微软新技术:简单修改,手机摄像头摇身变3D深度相机 Black Hat USA安全隐患盘点及黑客奥斯卡颁奖 各位老大,怎么让主菜单里一部分选项顶左边,一部分顶右边? asp高手看过来!asp高手看过来!asp高手看过来! 大虾请出手,CTreeCtrl 的item项被点击时,得知当前点击的为那一项,谢谢,谢谢 请问在JBuilder中怎么调整控件的位置好啊? 怎么在非客户区添加个按钮?遮住最大化按钮呢?我头都想炸了 请问如何查看WIN2000系统里是否被安装了类似“冰河”之类的软件? 如何打印整个对话框 寻找将realplay录像(ram格式文件)转换成mpeg或avi的软件。 OTDR(TD3000)的接口编程,谁做过!!!!!!!!!!!!请进 百分求方案!!请大家不吝赐教!(报表汇总,打印相关,有一定难度!!!) 干掉最大化按钮! 谁能帮我解释一下Petzold这些话的意思: 绝对给分,谢谢各位大侠帮我解决这个很简单的问题罗!:( 关于古老的DDE通信的几个头痛的问题. yangrenzhi你今天怎么啦,有事就说出来啊 如何获得一个变量的字节长度 关于JAVA的简单问题(送分) 为什么不能筛选数据? 有关Acrobat 组件的错误 关于火车查询 CTreeCtrl 的同一item项被多次点击时,会出发什么消息?你知道吗? WINCE的市场 控件ID有何用? 初学XML,请问ASP传回的中文字怎么是乱码? 请问圆锥体侧面积计算公式是什么?快阿,正在考试!!!!!!!!!!!!!! (♂逍遙剑♂) 过来聊聊!进来! 怎样用文件的形式对数据库进行备份? 能在标题栏添加控件吗?谁能告诉我? 谁知道在Activex控件中事件执行顺序的问题 3山好可怜,被女人抓住了把柄,知道了粗细长短,哎。。。 想在odbc里用程序的方法建立驱动,怎么实现? vc编的DLL怎样处理LIB在BCB中可以直接用哦?我用WINAPI那个约定 救命的!!! 深圳的“同志”好多啊!有一个哥们还向我推荐了一个同志网站,可惜我不是同志,如果有同志需要的话,可以去找那些深圳同志接头! 有懂EJB ,weblogic 大连的朋友吗? to fightwolf:give she some color to see see. 装delphi 6之前是不是要装ie5.5? 现在有一个问题:在大数据量传输的情况下,想采用异步传送方式,请问如何实现? 关于比例问题!! 有人说:做程序员很累,但我很快乐?广大程序员朋友们,有谁同意这个说法吗? 那该怎么办? MFC开发的ActiveX怎么都是OCX,可不可以是DLL,如果可以该怎么做。 如何获得当前活动控件的引用? 哪里有获得指定IP地址的机器网卡MAC地址的源程序? 新手上路:请问系统安全的市场前景如何? 'select * from a where b like ''[as]%'''这一句有没有错呢? 哪能找到 VBScript 5.0 的联机文档 为什么第七期的杂志我还没收到啊!!~~,原以为提前先订几期,会早点收到!唉!~~ php打开CSV文件的问题!答来分去! 各位有用过aspchart这个控件的吗?为什么我不能生成图片呢? 我有一个问题大家帮我UP一下 请问:GR CR CP AR 分别表示什么纯度? 一辆玩具车在一条直线上跑,先向后跑了6米,记作-6米,那么玩具车又跑了+6米是什么意思?这时它离移动前的位置有多远? 20mL 0.1mol/L的CH3COOH溶液中和10mL 0.1mol/L NaOH溶液 请列出所有粒子的浓度大到小?请说明为什么这样排 化学试剂规格中的缩写符号GC,BR,2N,AR,CP,LR,GR以及色固分别代表什么? 1.备车 2、停车3、完车4盘车5正车6倒车7飞车8冲车9试车101.备车 2、停车3、完车4盘车5正车6倒车7飞车8冲车9试车10并车11车钟12一车13二车14三车 常温下,用0.1MOL/L的NAOH滴定20ML.0.1MOL/L的HAC溶液.当V(NAOH)=10ML时.溶液中:C(AC-)+2C(OH-)=C(HAC)+2C(H+) 为什么是对的? 请问:GR CR CP AR 分别表示什么纯度阿?(急啊) 朗逸车LAVIDA1.6下面一排小的英文是什么意思 0.1mol/L的硫酸20mL与0.2mol/L的硫酸10mL混合,求混合液物质的量浓度用0.6mol/L的NaOH溶液A与0.1mol/L的溶液B混合配制0.2mol/L的NaOH溶液,求A与B的体积比 购买生物药品时,规格中的:AR,CP,GR,SP,4N,ACS, 一瓶葡萄糖盐水是多少毫升?实际调查噢! 将20ml 0.1mol/L NaOH 溶液和 10ml 0.1 mol/L CH3COOH 溶液混合后并加强热,最终得到的固体是?答案是Na2CO3 什么是产品规格书 5%葡萄糖注射液 500ml 【规格】:500ml,25g 该注射液中葡萄糖的物质的量浓度为5%葡萄糖注射液 500ml【规格】:500ml,25g该注射液中葡萄糖的物质的量浓度为____. 现有25ml盐酸和硫酸的混合液,加入1mol/L的NaOH溶液25ml恰好中和,在中和后的溶液中加过量的Ba(OH)2溶液,所得沉淀质量为1.7475g,求混合溶液中盐酸和硫酸的物质的量浓度各是多少? 什么是“六型”社区?具体内涵是什么? 求该注射液中葡萄糖的物质的量浓度.葡萄糖(C6H12O6) 将100毫升0.2mol/l的NaOH溶液与多少毫升的0.1Mol/L的硫酸溶液混合,才能恰好完全中和 羊绒线的产品规格如何表示?其含义是什么? 医用葡萄糖注射液的葡萄糖的质量分数为5%.密度约为1g/cm³,则此注射液中葡萄糖的物质的量浓度是多少希望稍微详细点 中和100ml 1mol/l的硫酸,需要多少氢氧化钠(质量)? 6分之1的6表示什么含义 500ML的葡萄糖注射液,重量是多少克(大概)?这种葡萄糖注射液的葡萄糖浓度是多少? 2mol/L的硫酸100ml能与多少毫升1mol/L的氢氧化钠完全中和 1/6中的6表示什么含义 500ml水中含有25g葡萄糖,该葡萄糖溶液的质量分数 完全中和100ml、0.1mol/L的硫酸溶液、需要0.05mol/L的氢氧化钠溶液多少毫升 6个7分之一表示的意义是什么 500ml内含葡萄糖25g,先要配制20kg这种葡萄糖注射液,需要葡萄糖多少千克? 将镁铝的混合物0.1mol溶于100mL2mol·L-1硫酸溶液中,再滴加1mol·L-1氢氧化钠溶液,若在滴加NaOH溶液过程中,沉淀质量m随加入氢氧化钠的体积v变化关系如图.当V1=160ml时,请回答(1)无视镁铝比例如何 15分之8除6分之1表示的意义是什么 5%葡萄糖(C6H12O6)注射液 500mL 【性状】………… 【规格】500mL,25g 1)该葡萄糖注射液中葡萄糖的质量不明白质量分数的计算中是否应当再次加上水的质量,若加了,就变成百分之4.8,若不加则为 将0.1mol的镁铝混合物溶于100ml 2mol/L的H2SO4中,然后滴加1mol/L的NaOH溶液,请回答:⑴若在滴加NaOH溶液的过程中欲使Mg2+、Al3+刚好沉淀完全,则滴入NaOH溶液体积为________ml⑵若混合物仍为0.1mol其中 31,11,36,6,41,1,46,是什么意思46后面应该是-4么? 5%葡萄糖(C6H12O6)注射液 规格:500ml 25g 求该注射液中葡萄糖的物质的量浓度为多少?该注射液的质量分数是多少? 将镁铝的混合物0.1mol溶于100mL2mol·L-1硫酸溶液中,然后再滴加1mol·L-1氢氧化钠溶液,请回答以下问题:若在滴加NaOH溶液过程中,沉淀质量m随加入氢氧化钠的体积v变化关系如图.当V1=160ml时,金属粉 NBA总决赛,看到有个标语41>6+3+1是什么意思?是指诺维斯基?具体意思? 将25g葡萄糖溶于水,配成500ml溶液该溶液的质量浓度为多少 将镁铝混合物0.1mol溶于100ml2mol/l的硫酸溶液中,然后在滴加2mol/l亲氧化钠溶液 1.2 1.6 2. 如何用含结晶水的葡萄糖C6H12O6·H2O配制质量为50.0g/L的葡萄糖溶液500mL?设溶液密度为1kg/L,该溶液的物质 将0.1mol镁、铝合金溶于100mL2mol/L的H2SO4溶液中,然后滴加1mol/L的NaOH溶液,生成沉淀与所加NaOH溶液体积的关系如图所示当溶液中Mg2+、Al3+恰好沉淀完全时,V(NaOH)=当V1=160mL时,金属粉末中镁的物质 5串1或5串6这些是什么意思 您好 请问如何用含结晶水的葡萄糖配置质量浓度为50g/L的葡萄糖溶液500ml? 某种未知浓度NaOH的溶液25ml,加入20ml,1mol/L的H2SO4溶液后显酸性.再滴入1mol/L ,KOH溶液1.5mL,恰好呈中性.计算NaOH溶液的物质的量浓度 5-5-6-5-1代表什么意思 二氧化硫和氧气化合 催化剂是什么? 现有25mlHCl和H2SO4的混合液,加入1mol.L^-1的NaOH溶液25ml恰好中和,在中和后的溶液中加入过量的Ba(OH)2溶所得沉淀质量为1.7475g,求混合溶液中盐酸和硫酸的物质的量浓度 1.2.3.4.5.6. SO2与O2的混合气体中,O2的体积分数是50%,则该混合气体在标准状况下的密度是 某盐酸溶液25ml,加入1mol/L的Ba(OH)2溶液20ml,剩余的酸需用0.5mol/L的NaOH溶液20ml才能恰好中和.求该盐酸溶液物质的浓度? 牛皮纸的规格通常会有0.8-1.5这种类似的数据, 10转6股派1. 在标准状况下.2.24升二氧化硫和氧气的混合气体中所含的氧原子数为多少?怎么算的 产品规格什么意思 六串一什么意思 要出去氧气中混有的二氧化硫气体,最好让混合气体通过A 浓硫酸 B 氢氧化钠溶液 C 澄清石灰水 D 蒸馏水 为什么? 什么是产品规格,什么是产品属性? 每辆汽车后面都有一个小数(比如说1.6).这个小数代表什么 10ml 0.1mol/L HCL 与10ml 0.2mol/L NaOH混合,求该混合溶液的PH值.
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn