如何查找呈现HTML页面需要多长时间?

柏林布朗

我有一个很大的页面,里面有一个很大的HTML表。在Internet Explorer中,渲染内容需要很长时间:可能需要10-15秒。使用JavaScript或其他方法是否可以确定何时开始呈现页面以及何时完全呈现页面?

注意:我想使用JavaScript然后在页面上显示值。

克里斯·爱

在此处输入图片说明我想说的是在F12工具中使用网络瀑布,这是此页面的屏幕截图。绿线表示何时完成渲染,并且用户可以开始进行交互。

但是您想用JavaScript做到这一点。因此,这需要一点点努力,但是可以解决。转到控制台并执行performance.timing。这将为您提供具有很多时序值的对象。这些是刻度值,您将需要比较它们以获得实际的毫秒增量。这是此页面的输出示例。

    {
   [functions]: ,
   __proto__: { },
   connectEnd: 1382671634858,
   connectStart: 1382671634858,
   constructor: { },
   domainLookupEnd: 1382671634858,
   domainLookupStart: 1382671634858,
   domComplete: 1382671635972,
   domContentLoadedEventEnd: 1382671635377,
   domContentLoadedEventStart: 1382671635198,
   domInteractive: 1382671635198,
   domLoading: 1382671634929,
   fetchStart: 1382671634858,
   loadEventEnd: 1382671635974,
   loadEventStart: 1382671635973,
   msFirstPaint: 1382671635631,
   navigationStart: 1382671634796,
   redirectEnd: 0,
   redirectStart: 0,
   requestStart: 1382671634929,
   responseEnd: 1382671634929,
   responseStart: 1382671634929,
   unloadEventEnd: 1382671634796,
   unloadEventStart: 1382671634796
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Android:如何衡量加载 HTML 需要多长时间?

来自分类常见问题

更改index.html后GitHub页面显示更改需要多长时间

来自分类Dev

编译minix需要多长时间?

来自分类Dev

测试套件需要多长时间?

来自分类Dev

报告崩溃需要多长时间?

来自分类Dev

处理请求需要多长时间

来自分类Dev

编程操作需要多长时间?

来自分类Dev

编程操作需要多长时间?

来自分类Dev

Cygwin加载需要多长时间?

来自分类Dev

NTP“同步”需要多长时间

来自分类Dev

计时需要多长时间

来自分类Dev

memsql升级需要多长时间?

来自分类Dev

cloudtrail事件在AWS控制台cloudtrail查找中更新需要多长时间?

来自分类Dev

使用RxJava(ReactiveX)运行Observable需要多长时间?

来自分类Dev

Route 53 A记录更新需要多长时间?

来自分类Dev

Azure网站自动缩放需要多长时间?

来自分类Dev

Nest客户的审核过程需要多长时间?

来自分类Dev

打印到屏幕需要多长时间?

来自分类Dev

Google更改重定向uri需要多长时间

来自分类Dev

在Ubuntu中完成审核阶段需要多长时间?

来自分类Dev

块哈希无效之前需要多长时间?

来自分类Dev

在python中创建线程需要多长时间

来自分类Dev

在Python中运行循环需要多长时间?

来自分类Dev

在Ubuntu中完成审核阶段需要多长时间?

来自分类Dev

在脚本库中发布脚本需要多长时间

来自分类Dev

外部HDD的低级格式需要多长时间?

来自分类Dev

审查和批准Blackberry申请需要多长时间?

来自分类Dev

编译gcc 7.3.0需要多长时间?

来自分类Dev

完成xfs_repair需要多长时间?