我需要一种方法或工具来测试浏览器实际感知的渲染时间,以便将整个页面呈现给用户。有什么建议?
我问的原因是因为firbug和Yslow只报告DomContentLoaded和OnLoad时间。
例如,我的应用程序报告内容为547ms(onLoad:621ms)。但实际内容约为3秒。我知道是因为从浏览器的url字段进入到我眼前的内容的那一刻,我实际上慢慢地计算了1,2,3。所以我知道547ms也不知道621ms并不代表页面加载所需的实际时间。
不确定这是否有帮助。但我的申请
在服务器端呈现json数据,在服务器将整个html返回浏览器之前,将数据与页面的其余部分一起保存为javascript变量
页面加载Jquery 1.5和Jquery模板
jquery代码从第1步定义的变量中获取json数据
使用jquery模板呈现页面。
从技术上讲,此处不涉及Ajax,页面上的图像都已缓存。我没有看到firebug下载任何一个。
[编辑]
我想弄清楚的是,在萤火虫时间报告载荷时间后,在我的情况下是621毫秒,到页面完成并载入我眼中的时间(至少3秒),发生了什么事介于两者之间?那里发生了什么?浏览器在做什么?什么东西阻塞了?网络?它是什么?
答案 0 :(得分:4)
Google Chrome内置了优秀的审核功能。您的结果会有所偏差,因为它是目前最快的浏览器之一,但它可以准确衡量 Chrome浏览器需要多长时间来渲染。 =)