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

在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

两倍于IBM的基础设施投资,Google大力发展云服务 听云平台发布移动应用性能黑洞报告 微信开发者大会陶瑾:如何玩转微信支付功能的原理和开发 560亿PV+7.3亿用户,Reddit是如何做到的? 打造安全界的希波克拉底誓言文化 极客的春天来了! Mozilla COO宫力:老牌操作系统如何助力新一代智能电视 App提高用户留存率新招:应用性能监测 韩国手游市场规模超万亿 2014中韩手游项目对接会开幕在即 SanDisk发展之路:专注SSD、推新产品线 AMD发展线路图曝光,欲造500+平方毫米GPU 全球移动开发者:IAP降温,企业应用成待掘金矿 Vuforia 2014 视觉大奖赛:寻找最炫酷AR增强现实应用,迈向巅峰! MapReduce谢幕,谁将成为最终的接棒者? 变身音乐控制器!开源JavaScript库NexusUI 从112台服务器到Q2 50亿基础设施开销,谷歌只用了15年 【技术文章】微信公众平台开发教程新手解惑40则 Qualcomm承诺投入1.5亿美元 扶持中国初创企业 物联网多了把“新板凳” 联想推三款智能硬件 .NET技术+25台服务器怎样支撑世界第54大网站 基调网络发布听云平台:“听”懂App性能 《近匠》豌豆荚李大海:用搜索敲开手机娱乐平台之门 微信开发HTML5轻游戏中的几个坑 【微信大会】企业号、支付功能、智能客服与LBS、电商开发解析 【CTO俱乐部走进海尔】活动图文直播进行中 燃料电池商业化,数据中心或将永不断电? 广告教父的哲学:值得F2P游戏借鉴的8条经验 UC李云:基于Chromium的浏览器如何打造更好体验 一周消息树:颠覆互联网思维?年薪50万码农转行卖凉皮 Coconut2D:跨平台2D游戏及应用开发工具 第八届中国大数据技术大会将于12月中旬隆重召开 10个常见的缓存使用误区 哪里有《Effective STL》下载? 哪里有《Effective STL》下载? Load Servlet ? word 和 数据库 谁能帮我看一下程序? 帮我看看这几个宏什么意思? 程序员!女人对你重要么???? 这是我第四天的C#学习笔记,敬请高手指教 谁先回来马上给分(简单问题) 机器的usb问题!! 兄弟们,小弟刚接触JSP,帮忙解决一个问题。 请教PHP.INI配置里的SESSION! 刚开始接触.net 求购程序,请进. 求购程序 求购程序 推荐一些适合初学者看的书吧 一家位于Montreal, Canada的公司,求购一个程序 如何保存UNICODE的字符串到硬盘上 如何将HTML文本直接显示在CppWebBrowser中?(不使用临时表) 如何保存UNICODE的字符串到硬盘上 redhat第4第5两个iso文件是做什么的 关于jsp做客户端调用ejb的问题?????望各位兄弟们救救我吧!!!!! COOL!将所有菜单设置为半透明的代码(只适用于WIN2000以下版本) 请问谁知道如何用jakarta-jmeter进行压力测试? 如何判断文件夹是否存在 在Win2K Server安装Oracle817时,没有安装数据库,后在创建数据库时出现"ORA-12560:TNS:协议适配器错误"... 请教.net服务器问题 解决这个问题,给你200分!!!!!!!!!!(回头追加给你!) 我是初学者,请问.net framework先进性在哪里? 有谁试过用JAVA编FTP软件? 很简单的listBox问题,HELP 今年大四,现在找工作,求助,我怎么样………UP有分。 寻找!! IE的文本输入框,输入一字符会联想,请问怎样去掉这个联想?(Win2K) 哪位大俠能賜教 哪位大俠能賜教 你们说VC到底要学些什么?VC更偏底层,总做这种纯技术总也做不完。迷茫~~~ 请问,在Oracle里建trigger是不是有什么说法呢?一个正常的不能在正常的trigger在Oracle里运行也说compilation errors. 请教:提取字符串里每个字符首字母,谢谢!!! aa模块代码 关于强烈要求恢复可用分增长、可用分转移、非技术区得分转换为可用分的建议!! SOS:如何找到窗口中多个进程其中我所需要的那一个? SOS:如何找到窗口中多个进程其中我所需要的那一个? 笑的人再发几个 query1.next是将指针移向下一条,啊向上条一记录是用什么命令呢? 对话框中使用工具栏如何进行更新? 关于文件指针的问题 ASP中SELECT 查询中前几条的查询如:TOP 的用法哪位讲解一下. 如何查找到两个不同数窗的不同数据 诚招ASP老师一名(请版主不要删) this form is issued 是写在一份有两部分的表格的第二部分的头子上的,两份表都没有要钱啊~ 这题目挺简单的,可是我看不懂,麻烦用文字语言说明下谢谢了. 我觉得地球好危险,我想火星了. form.ShowDialog(this)this指的是什么? 范是什么意思 我不应该在地球,应该去火星 there is a book on the desk改为复数句 有范是什么意思 最新火星植物? This is my new shirt改为否定句 there is an apple on the desk同义句. 鲁滨孙是怎样 “尽量改善自己的生活”的六年级语文下学期第十六课阅读题第四小题人教版六年级语文下学期第十六课阅读题第四小题 It is not my shirt 和 This is not my shirt ,有什么区别 There is an apple on the desk改为--- --- --- --- there on the desk 把鲁滨孙的生活与我的生活对比 you can have more time.我是在书上看见的,一般都这么用吗? 宾语从句的相关练习及答案.主要是翻译句子的 THIS IS MY LAND怎么样 You'll have more time for s_______. 明星范是什么意思 Dose anyone live on this_____?You look worried,what's your_____? 在form的onsubmit后面的函数中,//return:提交 //return false:不提交 ,那return true 谢 宾语从句专项练习 单项选择 英语 iphone版的扩散性MA百万亚瑟王一直更新闪退怎么办? 六年级语文课本中的第二十六课《论语》八则的解释 哪些词代表中国 英语你吃饭了吗怎么说 求《论语》八则的解释现代文 代表中国的词语写一写可以代指中国的词语,如,中华.(华夏、九州、神州除外)非中国文化! 你吃饭了吗?用英文怎么说 手机多点触控什么意思和普通触屏有什么不同 there's a books on the desk改为复数句,急 Let's read form the b______ of this book 我是火星来的吗 It's a nice watch.改为复数句 有点范 是什么意思 不知道是不是火星了.今天突然发现超时空兵能把桥梁小屋给吸了. 为什么说瑞士是中立国家 Have,not,chat,with,you,for,a,long,time是什么意思 同学说我是火星来的? 瑞士为什么能够中立啊?其他国家不行吗?战争时期,德国闪击波兰,攻占丹麦法国,卢森堡等,象瑞士近邻法国和卢森堡,又是弹丸小国,德国怎么会放过他呢,单单因为他是中立国吗?为什么以上被攻 “失范行为”的定义是什么? 我到火星了. 瑞士、瑞典为什么富有?比如从什么年代他们开始积累财富,当时是靠什么迅速积累起来的.因为像英国、美国、荷兰这些国家历史上的辉煌都比较清楚,但是这两个国家,可能是我历史学的不那 i have not heard ( )you for a long time There is an apple on the desk 这句的主语是什么?同志们问一下 There is an apple on the desk .的主语是啥? 毕竟我是英语废,能解多少是多少 I have not heard from you for some time ,so 怎么接句子? 有什么字用英语读是 深爱我想知道 英语的哪个单词 与 中文“深爱” 的读法相同 求英语学霸 onBlur="check(this.form,this) 谁能给我未出生的孩子起个有含义有诗意有好听的名字我姓范?谁能给我未出生的孩子起个有含义有诗意有好听的名字?我姓范. 阅读那份爱 800字初一下册作文 写好给⑩悬赏不可全部抄袭电脑的,要自己像一点 谁帮忙解释下javascript:this.disabled = true;this.document.form.submit();在IE下正常,但是在360极速浏览器下不正常 跳舞起范怎么解释,我们跳一个民族舞,其中老师在教的过程要我们起个范,准确的解释是什么 爱字该怎么读 ......function clckcntr(eventobject){if(event.ctrlKey && window.event.keyCode==13){clckcnt++;if (clckcnt>1) {alert('留言正在提交,请耐心等待!');return false;}document.FORM.Submit.disabled = true; this.document.FORM.submit();}}......这段 U-Kiss的起范的英文名是什么? 火星有人
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘