lovelmh13/myBlog

页面性能收集

Opened this issue · 0 comments

w3c 制定了相关的性能标准,可以进入这里查看:Spec status @ W3C Webperf WG : Status

里面的 status 如下:

工作草案(WD)
候选推荐标准(CR)
提案推荐标准(PR)
W3C推荐标准(REC)
具体可以查看:W3C推荐标准
PerformanceNavigationTiming 与 PerformanceResourceTiming 的关系
PerformanceNavigationTiming 继承自 PerformanceResourceTiming,所以包含 PerformanceResourceTiming 中的所有内容(只是有相同的属性,值不一样。因为 PerformanceResourceTiming 是中是每个资源的时间属性,而 PerformanceNavigationTiming 是页面导航的)

具体内容可见:Navigation and resource timings 的后面部分

**什么是导航:用户发起 URL 请求到页面开始解析这个过程,被称为导航。**这应该就意味着页面一开始要用的资源都已经被加载完成了。

PerformanceNavigationTiming

image

PerformanceResourceTiming

image

PerformanceNavigationTiming 与 PerformanceTiming 的关系

Performance Timing 通过 performance.timing 获取,目前已经被淘汰,不建议使用。

PerformanceNavigation Timing 通过 performance.getEntriesByType('navigation')[0] 获取,代替 performance.timing。

具体内容可见:Navigation and resource timings 的前半部分

image