`
hellonickco
  • 浏览: 50561 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类

谁影响了IE页面加载速度

阅读更多

谁影响了IE页面加载速度

詹森韦伯(Jason Weber)微软负责IE浏览器性能的引进部门首席计划经理,公布了IE8在准备页面和渲染时最耗时部分的内部数据。他建议网站对这些部分进行关注。

根据韦伯的说法,IE包含从网络连接开始到渲染的11个子系统:

1.  网络连接(Networking)–负责与服务器通讯,同时也包括web内容缓存在内的诸多服务。

2.  HTML—负责解析HTML文档和创建DOM。还有其他诸如XML、XHTML、SVG文档解析的子系统。

3.  CSS – 解析CSS样式,并为之后的调用对其建立结构化表示

4.  Collections – 负责存储和访问HTML元数据

5.  Javascipt – 执行脚本

6.  信号编辑(Marshalling)–浏览器和Javascipt引擎之间的通信层

7.  本地OM(Native Operation Management)–系统内的Javascipt 引擎通过调用DOM API 操作HTML文档

8.  格式化(Formatting)–给文档的每一部分分配样式

9.  创建块(Block Building)–文档中的每一部分都将获得一个方形的块,这些块将在布局之后被渲染。

10.布局(Layout)–负责对所有的块进行布局

11.渲染(Rendering)–负责页面加载的最后一步,将所有的块绘制到屏幕上

微软为了知道在页面加载中到底那一部分占用了最多的时间,使用IE8 对5个主流的新闻网站和另外25个AJAX应用丰富的网站进行了测试。在排除网络连接部分的影响之后,结果显示有部分网站在Javascipt部分耗时严重,而其他的则在信号编辑部分花费了较长的时间。

 

对于新闻站点来说,平均起来IE8耗时最多的部分是 Javascipt—29% 接下来是信号编辑—18%和渲染部分—17%

微软也对25个AJAX应用丰富的网站测评的信息进行了公布,其中包括Facebook, Gmail 和 Hotmail等,结果显示IE8 花费最多时间在页面渲染上—31%,其次是 Javascipt 部分—21% ,格式化 —14% 和 布局—12%。

在去年的11月份,IE团队发布了IE9 的性能测试结果。测试结果显示IE9在加载新页面时绝大部分的时间耗费在Javascipt部分。但对于Excel web应用之类的Ajax 丰富的页面在布局上耗费时间十分可观。

IE preview 版本被认为应该改变了内部子系统的层级结构,虽然没有测评结果,不过韦伯承诺:“随着我们在向 IE9 Beta 版的迈进,我们将会把更多的精力放在如何在IE9中更好的使这些自系统结合来改变包括IE8在内的没有硬件加速浏览器的运行特性[i]。”也许微软会在今年9月15号发布IE9 beta 版时也会发布页面经过不同子系统的分析工具。


[i] IE9 开始使用GUP加速技术(根据作者回复添加)

分享到:
评论

相关推荐

    IE8 网页加载速度变慢怎么办-.docx

    IE8 网页加载速度变慢怎么办-.docx

    ie网页加载HTTP流量监控工具

    描述中提到“分析网页加载速度,相当不错,值得收藏”,这暗示了该工具具有实用价值。它可以帮助开发者或普通用户监测网页的加载性能,例如,识别哪些资源加载最慢,是否存在阻塞问题,或者是否由于网络延迟导致加载...

    AOL pagetest网页加载速度测试工具

    在ie地址栏中打开一个网址,那么在这个网页加载过程中,pagetest窗口会显示网页中各个元素的加载时间和总时间。    如果要重复多次的测试网页,每测同一个页面的时候需要清空缓存,否则测试时间不准。清缓存建议...

    如何加快ie浏览器的网页加载打开速度?.docx

    在互联网使用过程中,浏览器的速度直接影响了我们的上网体验,特别是对于经常使用IE浏览器的用户来说,优化其加载速度显得尤为重要。以下是一些方法来提升IE浏览器的网页加载和打开速度: 首先,我们可以通过调整IE...

    提高页面加载速度的若干方式 .doc

    提高网页加载速度是提升用户体验和网站性能的关键因素。以下是一些针对HTML代码和后台ASP.NET逻辑的优化策略,旨在加快页面加载效率。 1. **兼容性优化**:确保页面在不同浏览器如IE6、IE7和Firefox之间具有良好的...

    IE加载项管理工具

    7. **优化网络体验**:有些加载项可能会影响网页加载速度,通过禁用这些不必要的加载项,可以提升用户的网络浏览体验。 在使用**upiea_51.exe**这个文件进行安装时,请确保从可信来源获取,并遵循标准的安装步骤。...

    IE8打开网页慢速度优化

    本文将详细介绍如何通过一系列设置来优化IE8的性能,提升网页加载速度。 #### 二、关闭IE8建议网站功能 1. **取消启用建议网站**:打开IE8,进入“Internet选项”>“高级”>“设置”,取消勾选“启用建议网站”...

    LazyLoad原生JavaScript实现的懒加载库兼容到IE8

    这种策略可以显著减少页面初始化时的数据量,提高页面的加载速度,尤其是对于内容丰富的网站而言。本文将深入探讨如何使用原生JavaScript实现一个兼容到IE8的懒加载库。 一、理解懒加载原理 1. **滚动检测**:懒...

    IE网页浏览加速1.0

    "这句话揭示了该软件的核心功能,即解决用户在使用IE浏览器时遇到的网页加载速度慢的问题。它通过优化浏览器的内部设置、缓存管理、JavaScript执行效率等多方面,实现了对网页加载速度的显著提升,让用户在浏览过程...

    ie网页调试工具 IE Develope Tool Bar 直接调试预览网页样式

    4. **网络请求监控**:虽然不如现代浏览器的开发者工具全面,但IEDT仍提供了一些网络请求的监控功能,帮助开发者分析页面加载速度和资源请求情况。 5. **JavaScript调试**:虽然不是其核心功能,但IEDT也支持基本的...

    httpwatch(IE9.IE8,IE6)

    在IT行业中,性能优化是提升用户体验的关键环节之一,特别是在网页加载速度方面。`httpWatch`是一款强大的HTTP性能分析工具,专为Internet Explorer浏览器(包括IE9, IE8及IE6)设计,它能帮助开发者和测试人员深入...

    谷歌浏览器chrome打开IE页面的插件,亲测可用,20220121

    标题中的“谷歌浏览器chrome打开IE页面的插件,亲测可用,20220121”表明这是一个关于Google Chrome浏览器的插件,它的主要功能是能够在Chrome中模拟或调用Internet Explorer(IE)浏览器的功能。这个插件在2022年1月...

    IE页面测试器

    4. **性能检测**:可能包含性能测试功能,评估网页在不同IE版本中的加载速度和资源消耗。 5. **书签同步**:可以保存和同步测试的网页,方便多次测试或团队协作。 "Web工具"类别通常涵盖了一系列用于辅助开发和优化...

    图片延迟加载(兼容IE&FF&Chrome)

    在网页加载时,非可视区域内的图片不会立即加载,而是等到用户滚动到它们所在的位置时才开始加载。这种方法可以显著减少初始页面加载时间,提高用户体验,特别是对于那些图片丰富的网站来说更为重要。 在兼容性方面...

    13个超酷的页面加载特效

    11. **性能优化**:尽管加载特效可以提升用户体验,但过度复杂的特效可能导致页面加载速度变慢。因此,优化JavaScript代码、减少HTTP请求和利用缓存都是在不影响性能的情况下实现特效的关键。 12. **兼容性测试**:...

    IE 加速器 加速你的IE的速度

    通过合理使用IE加速器,用户可以在不更换浏览器的前提下,改善IE的性能,实现更快的网页加载速度和更流畅的浏览体验。然而,值得注意的是,随着现代网络技术的发展,许多现代浏览器(如Chrome、Firefox)在默认情况...

    IE:如何加快网页下载速度

    然而,有时我们可能会遇到网页加载速度慢的问题,这会影响我们的浏览体验。那么,如何通过设置来优化IE浏览器,加快网页的下载速度呢?以下是一些实用的技巧。 首先,理解网页加载慢的原因至关重要。网页通常包含...

    scrollLoad_MingGe2.54滚动加载插件 懒加载

    懒加载(Lazy Loading)是一种优化网页加载策略的技术,它的主要思想是在用户滚动到页面的相应位置时才开始加载相关内容。这样可以显著减少初始页面加载时间,使用户能够更快地看到页面的主要内容,而不是等待所有...

    IE8升级到IE9相关补丁及安装包

    IE9引入了更现代的布局,支持HTML5和CSS3,提高了网页加载速度和渲染质量。此外,它还增强了隐私保护和安全特性,如改进的SmartScreen筛选器,能够更好地防御恶意软件。 在实际操作中,为确保升级顺利,应定期备份...

    IE8升IE10补丁.rar

    4. **性能优化**:升级能提升浏览速度,减少页面加载时间,提供更流畅的用户体验。 5. **用户界面改进**:IE10的界面更加简洁,支持全屏模式,且在触屏设备上有更好的交互设计。 6. **开发者工具**:开发人员工具...

Global site tag (gtag.js) - Google Analytics