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

在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

巨人网络朱永明谈运营:游戏就是社会的缩影 Dragon Forged创始人:不想当空军的开发者,不是好程序员 创业者应该怎样走出idea迷宫? TIOBE 2013年8月编程语言排行榜:Java领衔称霸 Gartner新报告:为改善风险管理,云服务合同需要更透明 没有银弹:探讨 Java 8 新增特性的优缺点 SDCC 2013议题更新 Pinterest架构实践、推荐系统、微信应用... 拥有82944个处理器的超级计算机 40分钟才能模拟一秒人脑活动 剑指IE10 最新测试版Chrome增加更多触摸屏功能 理性对待“云”——冲向“云”之前你需考虑的事 为Ruby On Rails开发者准备的5款IDE 一位开发人员的生日愿望清单 当“硅”已走到尽头,我们又该用什么去维系摩尔定律? 高端大气上档次 8位iOS顶级女程序媛 谁都可以做开发者:微软推出Windows Phone Web工具 Mozilla正式发布Firefox 23 新增混合内容拦截 网络监控功能 14条建议,使你的IT职业生涯更上一层楼 依托微信的电商产品实践——SDCC 2013讲师潘凡专访 IBM将向Google、英伟达等授权Power架构技术 人脑研究将推动下一代网络革命?从大爆炸到大收缩 H3C携手F5将“空转”数据中心变为“分布式数据中心” W3C小组发布Web存储API推荐标准 开发者必备的6款源码搜索引擎 闪亮登场:开发者制作图形图表所需的11款JS工具包 来自两位技术大牛的博弈:HBase或将制霸NoSQL? 应用改变世界 2013英特尔&#174;创新应用大赛火热开启 看13位CEO、创始人和高管如何提高工作效率 对首次购买智能手机用户而言,苹果吸引力并不大 Amazon Appstore面向Web应用开放 开发者可添加应用内付费功能 CSC收购成功转型的大数据初创公司InfoChimps 嘀嘀打车发展报告:成全球最大出租车调度平台 帮帮我这个菜鸟! PCI Device 驱动程序? 救我吧. link的时候提示cannot open file "mfc42u.lib"的问题。怎么解决? 如何才能上网呢 请问如何重绘一个应用程序的窗体或内部 Object 的边缘,就像 SPY++ 的 FindWindow Tool 实现的样式?? 救救我,给100分 NT4.0为主域控制器,有办法降级为独立服务器吗? VBA 如何调用 DotNet's WebService ?? dbexpress为什么在插入带自增长字段时候出错? 为什么不同的查询语句会有不同的效率? 我现在要开发一个游戏大厅,谁能帮我提供一些技术参数>?在线等待。 不是水贴:请求帮助,有上海师范大学的请进 紧急!那位有clearcase winnt 4.2 的注册码,高分相送!!!!! 论坛的表格要在注意什么?《我是个菜》 大家帮忙介绍一本书 帮帮我怎么把系统还原占用的空间还给我——老鸟们帮忙! 过滤问题:Query需要先选择一个表(通过ComboBox)然后从2个Edit内输入两个条件 关于stringgrid的翻页问题 寻找电脑方面的朋友 大家好,帮忙做做这题 大家如何保存自己地提问?? JTable怎样一行一行地显示? 我的程序 无边框窗口显示问题 求教各位大虾 VB数据库 如何知道某字段有这个姓名记录? 我想学一种C++的集成环境,是C++BUILDER还是VC 我完全没基础,请帮我走出第一步:汇编工具在哪下载?我想试试那个“两只老虎” 如何在还原Cookie中的中文字? 制做彩色立体阴影怎么做啊! 我的程序 请问有没有这样的公司? 2000 server 无法使用ADSL????? 我要和她分手。。。。。。。。 一个不错的网站,进来看一下吧! map 使用的几个小问题 請大家幫我做這個的標準譯文,謝謝!!! 就像做考題一樣,不要只說它在概意思! 新手上路第一问!Hello World都不能运行 这样的SQL语句怎样转化成能在mysql下运行的 学汇编,应用在什么地方?单从功能来说,汇编强大还是C++强大 replace语句的使用方法: 一个不错的网站,进来看一下吧! 关于软加密的问题???? 请高手,两个简单的问题?在线等待???急急!!! 关于ADOQuery1.refresh的问题 我的程序 一个不错的网站,进来看一下吧! 求DELPHI开发ACTIVEX用于WEB打印指定内容的实现说明。 dreamweaver中的一个小问题,,,急!急!急! 表2是从表1中截取的一部分,则a=多少 电离生成_____ 或 _____ 和的化合物叫做盐,例 _____和 _____ 万智牌有关找地的问题我是打纯绿的,我想问有什么牌可以找非基本地,生物或者法术都行. 地球怎么会产升呢?我们生活在地球上,但奇怪的是,为什么地球一开始就存在呢? 可以说 电离时生成金属离子的化合物是盐吗反例? 有一张牌,效果好像是从自己的卡组最上面一张开始翻,直到翻出一张地,对对方造成翻出的卡牌数量的伤害.这是哪张牌? 电影 造地球我在电视上看过一点,就是地球上的人都死了,就有一个人还活着,然后发生一系列的事情最后有个人又重造了地球,这是什么电影啊 雨水口连接管一般采用多少坡度 那本规范上可以看到 人体内氨基和硝基可以互相转化吗 在造一个地球 有色金属冶炼锡会产出那些有害物质火法精炼. 硅烷分解产生硅和氢气,其中的氢气是先形成H原子再变成氢气,还是直接产生的氢气? 盐溶液的电离程度大小怎么判断? 万智牌求讲解那位大神给个红白人类(打群殴)套牌用的法术,最好有防清场的. 电风扇运转会产生磁场吗我做了个显示器散热的风扇,放显示器上但看到显示器出现偏色,怀疑是不是电扇干扰啊,电扇就是电脑电源坼下的电扇 万智牌 什么算生物咒语 万智牌 重力井 怎么用如题 完成祖国统一大业的指导方针和法律分别是什么 地球是谁造的? 我以后想做翻译,请问学哪个小语种好? "平坦的宇宙"是怎么回事?"四维"是怎样的?别告诉我维空间加一维时间,傻子都知道! 谁在作业帮上有财富值? 2012年电池的年产量约为多少亿只?是中国的年产量一共有多少亿个! 用什么翻译软件最好.我想将中文翻译成美式英语或英式英语,不要中式英语. 作业帮答题采纳给的财富值一般是多少 2011年产量比2012年多200千克,这句话中有哪几个数量?今天晚上要! 什么软件能将中文翻译成英式英语 作业.作业.急…财富值没有了,求帮忙啊一位作家曾经说过,世上有四种话最有力量:朴实的话,真实的话,知心的话,不同的话.你同意他的观点吗?你有这方面的体会吗?请选择其中一个角度,谈谈 有机细胞是什么 左看像电风扇,右看像电风扇,虽然像电风扇,就是不会转,请问这究竟是什么? 作业帮的财富值有什么用 万智牌的转化什么意思 宇宙空间可以是折叠的吗? 我们常说的铁丝中米丝的具体规格参数请问铁丝中我们常说用8#铁丝,10#铁丝.这个是不是对应美标8GA,10GA?另外,我们常说的米丝是哪个规格的? 万智牌"康"是什么意思 宇宙空间能否折叠?一张纸是一个小空间,如果要从它的顶端到底端,直接将它沿着中线对折,两端就可以重合在一起直接到达.那么宇宙大空间是否亦可如此?比如从地球到月球,直接沿它们距离的 甲基苯并三氮唑的 唑字一般是念发cuo 的音还是zuo的音回答哪种的都有,我当然知道字典上的发音是zuo,我是想问人们一般是发成什莫音,就像山东乐(lao) 凌乐的发音。 寄生生物离开宿主多久会死还有裂头呦离开宿主会死吗?怎么才可以杀死它呢在我们日常的生活环境。为什么没人说裂头呦额。 宇宙折叠说? 、(2002·上海高考题)全年对太阳能量的利用率,森林生态系统远大于农田和态系统,主要原因是前者( )A、以木本植物为主 B、土壤肥沃C、不施农药 D、植物群体有分层结构为 如果一个动物将其卵注入另一动物体内导致宿主死亡则他们的关系是寄生还是捕食? 制约甘肃新疆主产区农作物生长的主要自然条件有哪些 中和反应中化合物_______ 符合复分解反应条件,生成物中_____ 是复分解反应 关于病毒寄生问题 病毒“寄生”于人体内,最后会导致人体死亡.但是寄生是不能使宿主死亡的.有一种叫做关于病毒寄生问题病毒“寄生”于人体内,最后会导致人体死亡.但是寄生是不能使宿 助听器的数字降噪是什么意思 最全面的小语种紫金矿业翻译,金矿有资源的翻译优先. 血液的颜色取决于红细胞吗? 税收 我巧妙的避开了所有正确答案政治水平测 税收我巧妙的避开了所有正确答案 细胞凋亡对内环境稳态的影响为什么说细胞凋亡能保证内环境稳态?稳态的概念是通过调节作用啊? 最全面的小语种五矿翻译,五矿又指的是什么 化学中能不能制取钾,怎么制取 PH计不稳定怎么弄 全数字式助听器有什么特点 怎么制取钾和钙 【化学】问一个有关化合价的问题今天看重难点手册 看到这样一个化合物 O3F2(二氟化三氧?) 不是O和F都没正价么?那这个化学式的化合价怎么回师呀? 想知道什么是数字式助听器 苯酚能与一硝基反应吗 PH计不稳定,数值老变,怎么办?就是PH计不管是测蒸馏水还是其他的标准溶液还是样品溶液都不稳定 ,数值一直变动…… 中国唯一最强的小语种地质工程翻译 万智牌问题,米罗地创痕 围攻秘罗地 还有没出的那个新非瑞克西亚 五月份买哪个的补充包 划算?(就是这三个里面那个值钱货多)还有,求新非瑞克西亚牌表(我知道没出,但是有小道消息么? 胡万林拒为堂妹看病:这病我治不好 去解密以色列版007:最爱暗杀 钟爱炸中华典籍朗诵比赛在蒙古国举行俄外长与联合国叙问题特使讨论筹备叙问联合国-阿盟叙特使称伊朗应参加叙问题访塞浦路斯能源、工商及旅游部长捷克议会提前大选结束 共产党或重回执法国上海经济文化发展会和交大校友会换日本近海7级地震核电站无异常 测得最法国上海经济文化发展会和交大校友会换31省区市9月CPI涨幅出炉 物价“1-9月全国规模以上工业企业实现利润孟加拉国贫民窟准妈妈的艰辛生活(组图法国正式要求美国停止监听行为日本近海7级地震核电站无异常 测得最全球最大海上书店巴林“首秀”新老警务联络官交接 南非侨界寄予厚望各国“吃货”探讨舌尖上的文化 亚洲食接个孩子的功夫 她停在路边的奥迪Q5钱塘江边一工地挖淤泥挖出160多颗炮马云:“闯”就是拆开门,让马儿欢跑阿富汗第二轮总统选举选票核查工作恢复西安蔬菜早市:不要让惠民工程变成伤心国务院成立沪昆高速“7·19”特大交斯里兰卡欲将“限制性堕胎“合法化外媒:中国借助国际会议提升国民素质荷兰少年足球门将命丧马航空难 与母亲福岛难民接纳村向东电提出隐私赔偿习近平同委内瑞拉总统马杜罗举行会谈强台风“威马逊”导致广东200多万人郭富城受邀参加马球赛 与英国王子相谈揭秘古代的“非诚勿扰”:唐朝流行抢进台风“威马逊”影响减弱 全面救援继续阿富汗第二轮总统选举选票核查工作恢复女子找工作被骗失身 要万元补偿费未遂女子找工作被骗失身 要万元补偿费未遂美华裔大学生暑假 用打工和实习积攒学悚!钢筋穿胸 工人心脏遭刺穿不治身亡中央财政下拨农村义务教育经费保障资金2014年上半年重点区域和74个城市文化部长:维护国家文化安全应成为重要2013年度监察部部门决算
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘