关于浏览器加载和渲染页面的过程
2011-12-28 21:24
453 查看
搜到的一些资料 自己保存下来
http://hi.baidu.com/seosky/blog/item/78d3394c130f86ffd72afc56.html 提到IE下载或者渲染顺序可能如下:
IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(但并不是说所有相关联的元素都已经下载完。)在下载过程中,如果遇到某一标签是嵌入文件,并且文件是具有语义解释性的(例如:JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析,解析(JS、CSS中如有重定义,后定义函数将覆盖前定义函数)过程中,停止页面所有往下元素的下载。样式表文件比较特殊,在其下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行样式渲染。并以此方式一直渲染下去,直到整个页面渲染完成。
Firefox处理下载和渲染顺序大体相同,只是在细微之处有些差别,例如:iframe的渲染
另外附带两个测试网页加载速度的工具Google PageSpeed和Yahoo YSlow,通过这两个工具,测试网页加载过程,可以得到一些提高网页加载速度的建议。使用Google
PageSpeed对Google首页进行分析,可以得到建议:
http://hi.baidu.com/seosky/blog/item/78d3394c130f86ffd72afc56.html 提到IE下载或者渲染顺序可能如下:
IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(但并不是说所有相关联的元素都已经下载完。)在下载过程中,如果遇到某一标签是嵌入文件,并且文件是具有语义解释性的(例如:JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。并且在下载后进行解析,解析(JS、CSS中如有重定义,后定义函数将覆盖前定义函数)过程中,停止页面所有往下元素的下载。样式表文件比较特殊,在其下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行样式渲染。并以此方式一直渲染下去,直到整个页面渲染完成。
Firefox处理下载和渲染顺序大体相同,只是在细微之处有些差别,例如:iframe的渲染
另外附带两个测试网页加载速度的工具Google PageSpeed和Yahoo YSlow,通过这两个工具,测试网页加载过程,可以得到一些提高网页加载速度的建议。使用Google
PageSpeed对Google首页进行分析,可以得到建议:
相关文章推荐
- 浏览器加载、渲染页面的过程
- 浏览器加载、解析、渲染的过程
- 浏览器加载渲染网页过程解析--总结(三)
- 关于pjax 如何设置不缓存加载页面里面的js文件和不修改浏览器中的URL地址
- 详解浏览器渲染页面过程
- html浏览器加载和渲染html的顺序和过程
- 浏览器加载、解析、渲染的过程
- html页面加载&渲染过程
- 关于页面加载渲染
- 关于浏览器渲染html页面采用的三种文本模式
- 浏览器从输入URL到页面加载完成,这个过程中发生了
- 浏览器加载、渲染和解析过程的黑箱分析
- 关于浏览器渲染页面的机制介绍
- 浏览器渲染页面过程描述,DOM编程技巧以及重排和重绘
- 浏览器渲染页面的过程,以及重绘和重排
- 浏览器加载解析渲染网页的过程
- 浏览器页面加载解析渲染机制
- 浅析浏览器渲染页面过程