Open HuazhuLi opened 7 years ago
笔者试图构建前端性能监控工具，查找了一些资料，发现关于Web Performace API,Navigation timing API,timing对象这些API的资料较少，而且不成体系，包括mdn在内。所以笔者阅读了部分W3C的规范，整理出一些概念，以及它们之间的区别，希望能帮助到其他人。
1.web performance api通过window.perfomance对象访问；
2.window.performance对象有一些属性以及方法，常用的属性有window.performance.navigation，它返回一个对象，名为 PerformanceNavigation，它用于代表当前浏览窗口在给定的浏览上下文的类型，比如该页面到达根目录所需要的重定向次数。
3.window.performance还有一个常用的属性：window.performance.timing,只读属性返回一个 PerformanceTiming 对象，这个对象包括了页面相关的性能信息。
4.Navigation Timing API是Performance API 的子集，包括了window.performance.timing＆＆window.performance.navigation两大属性，用于提供了反映站点表现性能的数据指标。
5.而Performance API 本身，则承载着更多的职能
笔者试图构建前端性能监控工具，查找了一些资料，发现关于Web Performace API,Navigation timing API,timing对象这些API的资料较少，而且不成体系，包括mdn在内。所以笔者阅读了部分W3C的规范，整理出一些概念，以及它们之间的区别，希望能帮助到其他人。
1.web performance api通过window.perfomance对象访问；
2.window.performance对象有一些属性以及方法，常用的属性有window.performance.navigation，它返回一个对象，名为 PerformanceNavigation，它用于代表当前浏览窗口在给定的浏览上下文的类型，比如该页面到达根目录所需要的重定向次数。
3.window.performance还有一个常用的属性：window.performance.timing,只读属性返回一个 PerformanceTiming 对象，这个对象包括了页面相关的性能信息。
4.Navigation Timing API是Performance API 的子集，包括了window.performance.timing＆＆window.performance.navigation两大属性，用于提供了反映站点表现性能的数据指标。
5.而Performance API 本身，则承载着更多的职能