如何测试渲染时间(不是DomContentLoaded还是onLoad)?

时间:2011-03-04 06:04:54

标签: javascript jquery performance browser rendering

我需要一种方法或工具来测试浏览器实际感知的渲染时间,以便将整个页面呈现给用户。有什么建议?

我问的原因是因为firbug和Yslow只报告DomContentLoaded和OnLoad时间。

例如,我的应用程序报告内容为547ms(onLoad:621ms)。但实际内容约为3秒。我知道是因为从浏览器的url字段进入到我眼前的内容的那一刻,我实际上慢慢地计算了1,2,3。所以我知道547ms也不知道621ms并不代表页面加载所需的实际时间。

不确定这是否有帮助。但我的申请

  1. 在服务器端呈现json数据,在服务器将整个html返回浏览器之前,将数据与页面的其余部分一起保存为javascript变量

  2. 页面加载Jquery 1.5和Jquery模板

  3. jquery代码从第1步定义的变量中获取json数据

  4. 使用jquery模板呈现页面。

  5. 从技术上讲,此处不涉及Ajax,页面上的图像都已缓存。我没有看到firebug下载任何一个。

    [编辑]

    我想弄清楚的是,在萤火虫时间报告载荷时间后,在我的情况下是621毫秒,到页面完成并载入我眼中的时间(至少3秒),发生了什么事介于两者之间?那里发生了什么?浏览器在做什么?什么东西阻塞了?网络?它是什么?

1 个答案:

答案 0 :(得分:4)

Google Chrome内置了优秀的审核功能。您的结果会有所偏差,因为它是目前最快的浏览器之一,但它可以准确衡量 Chrome浏览器需要多长时间来渲染。 =)