js收集页面加载性能数据

最新推荐文章于 2023-12-21 14:40:36 发布

IT和尚

最新推荐文章于 2023-12-21 14:40:36 发布

阅读量430

点赞数

分类专栏： AnguleJS

本文链接：https://blog.csdn.net/u013040887/article/details/106972108

版权

本文详细介绍了JavaScript中的window.performance对象，通过该对象可以获取页面加载性能数据，包括navigationStart、unloadEventStart、redirectStart等多个关键指标，帮助开发者了解页面从开始加载到完全展示的各个阶段耗时情况，从而优化页面性能。

摘要由CSDN通过智能技术生成

window.performance

[performance.timing]:

navigationStart: 表示从上一个文档卸载结束时的 unix 时间戳，如果没有上一个文档，这个值将和 fetchStart 相等。
unloadEventStart: 表示前一个网页（与当前页面同域）unload 的时间戳，如果无前一个网页 unload 或者前一个网页与当前页面不同域，则值为 0。
unloadEventEnd: 返回前一个页面 unload 时间绑定的回掉函数执行完毕的时间戳。
redirectStart: 第一个 HTTP 重定向发生时的时间。有跳转且是同域名内的重定向才算，否则值为 0。
redirectEnd: 最后一个 HTTP 重定向完成时的时间。有跳转且是同域名内部的重定向才算，否则值为 0。
fetchStart: 浏览器准备好使用 HTTP 请求抓取文档的时间，这发生在检查本地缓存之前。
domainLookupStart/domainLookupEnd: DNS 域名查询开始/结束的时间，如果使用了本地缓存（即无 DNS 查询）或持久连接，则与 fetchStart 值相等
connectStart: HTTP（TCP）开始/重新建立连接的时间，如果是持久连接，则与 fetchStart 值相等。
connectEnd: HTTP（TCP）完成建立连接的时间（完成握手），如果是持久连接，则与 fetchStart 值相等。