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

在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月中旬隆重召开 指针和数组的问题 检测完就发送... 在edit中用keypress时,为何不起作用呢?up在分 新年快乐!之二(bigface_guo) 新年快乐!之三(bigface_guo) 新年快乐!之四(bigface_guo) 如何读取注册表主键下的默认值,很急!!! 新年快乐!之五(bigface_guo) 在IDL把接口写在library里和写在外边有什么区别?看例子 什么时候会出现index is read only的错 一个问题,不知道VB能不能实现,大家请进,如果VB不能解决,我就觉得VB不如DELPHI COM高手:关于COM中的内存释放? 请问一下,小弟用W2000有个小问题。小弟有2000做了个路由,方便同一网段的机器上internet,但有个问题,像新浪的搜索用不了,sohu的校友录进不去等等,我改用链接共享后也不行,请问有什么办法可以搞定吗???谢谢 如何才能让输入框自动获得焦点? 祝大家圣诞快乐!新年快乐!送分! 救命呀!怎样把LINUX环境下SYBASE数据库中数据倒入POSTGRE数据库中??????? apache配置问题 asp中调用存储过程,其中传递的一个输入参数为sqlserver 的text型,这个参数该如何写?? 求救高手(关于VC中的cmscomm的问题) 我在网上看数据库课程习题的参考答案,发现许多E/R图下载回来是*.ps文件,请问如何打开? 在win2000系统下,如何让asp文件中显示小数点前的那个零? 为什么有这么一个问题.... 有人愿意收一个一般菜,但又不是很菜的人为徒吗?? 求救VC中的关于串口通信的问题,想请请看,急急急急急急急急急急急 ZDataGrid For VB & VB.Net 如何将界面做成如xp的样子 请教关于游戏平台的问题。。。 今天不是鬼节啊?怎么这么多早就作古的人都出来了? 超级菜的问题(关于WINNT安装)想要分的快进 怎么写dll文件 怎样插入当前时间和日期到Access数据库中 下面为什么出错了? 有人愿意收一个一般菜,但又不是很菜的人为徒吗??? TADOTable如何实现记录定位?——求救! 谁知道怎么让WEBLOGIC中消息驱动BEAN的例子MESSAGE跑起来?.. 請問各位為何javabean在suse linux的調用問題 请问如何在weblogic中设置一个jms topic?. 请教关于游戏平台的问题!! 使用QuickVxD不能生成 .h ,.cpp .mak文件,那里不对? 请问:框架(Frame)为什么不能动态生成两次 ????????????? 在win2k下有人知道ActiveReports报表怎么自定义打印纸张大小 大家讨论一下运算符重载的问题!!!! 位操作问题?欢迎各位朋友讨论! data控件能连接sqlserver数据源么? 有没有办法使重复的值只显示一个,空值不显示也不要占位置?(急呀!!!) 用TURBO C2.0能不能写32位的软件? 如何设置WN98中的硬盘驱动器盘符 SOS pekie 请教啦! 投影仪投出的图像中间部分呈粉红色,是不是投影仪坏了? 在MYSQL中我想修改root密码,可是总报错说user表是read only,如何把只读的属性去掉? 光的频率 波长 光速三者关系?公式是? a与b的差除以它们的和 商是多少? 三角形=圆圈+圆圈+圆圈 圆圈+圆圈=80吨 三角形+圆圈=( )吨 光速是否与其波长有关?简单的说如果光子是同一的,那么在能量相同的情况下波长短的光其路径就更长,所以速度是否会慢一点?比如红光是否比蓝光快一点?我的问题与介质无关,可以仅在真空 A除以B的商是2.4,如果A扩大4倍,B也扩大4倍,那么A除以B的商是多少 150道(谁答的多必给好评),只要题. 光速=波长×频率,波长和频率分别具体定义是什么? 爱因斯坦质能方程的推导过程 爱因斯坦的主要成就是什么? 质能公式E=mc2中E是指物质所有能量吗?难道物质升温质量就增大? 爱因斯坦质能方程的推导我需要的是冲量方向和速度方向不在同一直线的情况下的推导. 爱因斯坦的能量公式是啥?、 普通物质转能量的公式 不是E=mc2E=mc2是不是只能算原子,说的满意加悬赏分 质能方程最先是由爱因斯坦提出的吗?他的推导过程是怎样的?这个方程是当年爱因斯坦爷爷 猜出来的?经过试验证明是正确的.有木有严格的推导呢?或者 定性的 通俗的推导逻辑? 圆形+四方形=91,三角形+四方形=63.三角形+圆形=46.求圆形.四方形和三角形各是多少 质能公式E=mc2是怎么推出来的,E是指什么能量 机械能?热能?还是什么 10÷0.6被除数扩大3倍,除数缩小2倍,商() 化简√1-sin^2100° 电势能与机械能,动能的关系? 在10001以内,除以3余2,除以7余3,除以11余4的有几个? 被除数和除数的和是750,商是24,被除数是( 为什么汽车要限速?功能与势能的相互转换来回答! 635除以(),若商是两位数,这个数最小是多少 被除数除以4,要使商缩小2倍,除数应该怎样变化 运动小车与激光束就是这个,这道题我读不懂,我想知道激光束到底是怎样运动的?它是一条线,还是一个面?车为什么会有两种情况?切入点在哪? 一个数,除以28,商是两位数,且有余数,这个数最大是多少,最小是多少 方框+方框+方框+三角形+三角形=23 方框+方框+三角形+圆形=17 圆形+圆形+方框+三角形=15如题求方程式求方框 三角形 圆形分别是多少 汽车匀速运动时所受势能是什么 求一些犯罪心理学的测试题及其答案答案最好简短一些, 请问爱因斯坦的相对论中的“洛伦兹变换”的公式是怎样推出的? 坐在高速运动的汽车里,看到前方树木向( )运动?向前运动 为什么按参照物讲应该是向后运动啊?但是我认为答案是对的,题中强调高速运动的汽车中,这可能会产生一定视觉效果,在普通 犯罪心理学试题和答案企鹅肉等等的那几道题 给多点最好 三角形+圆形=17,圆形+圆形+圆形=20.求三角形=?圆形=? |1/2-1|+|1/3-1/2|.|1/2012-1/2011|=? 求犯罪心理学测试题的答案.1.从前有一个瞎子,一个人住非常寂寞,所以就养了条狗.狗狗非常喜欢黏他.有一天早上,有人敲门来找,是瞎子的邻居,邻居对瞎子说:“你怎么让你家的小狗在楼梯间 爱因斯坦的相对论重要公式 被除数与余数的差除以除数与商的积,所得的商是 求犯罪心理学测试题不是企鹅肉那十六道 也不是绿衣服那七道 那些都做过了 帮我找找其它的 越多越好! 爱因斯坦的简介+相对论公式和原理+图文解释 光在不同介质中速度不同,而光速=波长*频率,那请问不同介质本质上先改变了什么,速度还是波长不同介质中本质上改变了什么,是改变了光的波长,从而造成速度不同;还是改变了速度,从而造 心理学一个问题,如题:问题比如说是一个人拥有了人生目标,但目标能否实现(成与败)和机遇与风险之间的未知性都无法预知,比如细心分析(包括主观、客观分析)后发现成功的机遇与风 爱因斯坦的相对论,能量守恒,那太阳带给地球的能量是怎么守恒的,转换成了什么样的爱因斯坦的相对论,能量守恒,那太阳带给地球的能量是怎么守恒的,转换成了什么样的能量形式,会不 光速=波长*频率,哪个字母代表频率? 关于教育心理学的一道题.看到月亮的边上有一圈光晕,就推知将要刮风,这是( )A.知觉 B.思维C.想象 D.遗觉像 被除数乘4,除数除以4,商要怎样? 光的波长频率 c光速,v频率; λ波长;ε能量c=λv,ε=hv ,ε=h*c/λ当λ=h,ε=c 能量等于光速,这式子有什么含义是不是说当波长为普朗克常数是,会产生黑洞 E=mc2可以把这个公式里的能量放射出来吗 两个数的商是200,被除数和除数都除以4,商是多少? 光进入不同介质,波长,频率,光速各如何变 数学题目】55方格共有36个格点,若每个单位小方格的面积是1,求以其中某四个格点为顶点,面55方格共有36个格点,若每个单位小方格的面积是1,求以其中某四个格点为顶点,面积等于5 圆圈 方框 三角形 里面应该填什么 被除数除以商与除数的积,商是( ) 苹果4s桌面上一个小方框里面一个圆怎么弄我的手机因为总是摁home键,home键已经被我摁坏一次了,听别人说那个小方格可以代替home键,所以我想把它弄出来, 方块加三角形加圆形等于76,方块加圆形等于54,三角形加圆形等于26,问方块等于多少,三角形等于多少,圆形都等于多少 被除数除以商与除数的积,商是多少?. 建筑规划中的一个方框里面的四个圆表示什么 圆圈加方块等于45,方块加三角形等于53,三角形加圆圈等于62,圆圈是?,方块是?圆圈是? 被除数除以除数的的商是0.5,被除数除数商的积是5除数是多少? 1至12在3×4的方框里每四个方框和为25第一行第一个数字为1第三行最后一个为9 圆圈加方块等于42,三角形加方块等于60,三角形加圆圈等于86,圆圈等于多少?方块等于多少?三角形等于多少?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn