请参阅 Firebug 的“网络”选项卡中的屏幕截图:
http://www.scdi.org/~avernet/try/firefox-times.png http://www.scdi.org/~avernet/try/firefox-times.png
我知道:
- 1 和 2 之间的时间是我的应用程序生成 HTML 以及数据传输到浏览器所需的时间。
- 3 和 4 之间的时间是我的 JavaScript 初始化代码在 DOMContentLoaded 上运行所花费的时间。
但是 2 点到 3 点之间的时间呢?这就是 Firefox“渲染”页面所花费的时间吗?在本例中,它非常重要(大约 1.5 秒)。那部分怎么优化呢?
2-3之间的时间是浏览器解析渲染1-2之间下载的文件内容。这包括所有 HTML 以及可能存在的任何内联 CSS 或 javascript。缩短此时间的最简单方法是 1) 发送更少的数据供浏览器解析 2) 确保您的 HTML/CSS 有效 3) 留意非常慢的 CSS 规则/表达式。
一般来说,大多数人并不关注浏览器完全渲染页面需要多长时间,而是关注它在客户端开始渲染的速度。通常称为渐进式渲染,它允许浏览器在渲染整个页面之前开始显示页面的部分内容。不会发生这种情况的最常见原因之一是将页面内容放入 a 中,这会阻止浏览器在完全解析之前呈现它。这个帖子 http://www.iamseree.com/application-development/7-tips-made-rendering-html-faster-do-it-lately/关于如何做到这一点有一些不错的技巧。您可能想看看YSlow http://developer.yahoo.com/yslow/Firefox 扩展,它可以为您提供一些关于如何使您的网站更快的不错的提示。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)