99 实战

设计⼀套全站请求耗时统计工具

⾸先我们要知道有哪些⽅式可以统计前端请求耗时

从代码层⾯上统计全站所有请求的耗时⽅式主要有以下⼏种：
1. Performance API：Performance API 是浏览器提供的⼀组 API，可以⽤于测量⽹⻚性能。通过 Performance API，可以获取⻚⾯各个阶段的时间、资源加载时间等。其中，Performance Timing API 可以获取到每个资源的加载时间，从⽽计算出所有请求的耗时。
2. XMLHttpRequest 的 load 事件：在发送 XMLHttpRequest 请求时，可以为其添加 load 事件，在请求完成时执⾏回调函数，从⽽记录请求的耗时。
3. fetch 的 Performance API：类似 XMLHttpRequest，fetch 也提供了 Performance API，可以通过 Performance API 获取请求耗时。
4. ⾃定义封装的请求函数：可以⾃⼰封装⼀个请求函数，在请求开始和结束时记录时间，从⽽计算请求耗时。

设计⼀套前端全站请求耗时统计⼯具

可以遵循以下步骤：
1. 实现⼀个性能监控模块，用于记录每个请求的开始时间和结束时间，并计算耗时。
2. 在应⽤⼊⼝处引⼊该模块，将每个请求的开始时间记录下来。
3. 在每个请求的响应拦截器中，记录响应结束时间，并计算请求耗时。
4. 将每个请求的耗时信息发送到服务端，以便进⾏进⼀步的统计和分析。
5. 在服务端实现数据存储和展⽰，可以使⽤图表等⽅式展⽰请求耗时情况。
6. 对于请求耗时较⻓的接⼝，可以进⾏优化和分析，如使⽤缓存、使⽤异步加载、优化查询语句等。
7. 在前端应⽤中可以提供开关，允许⽤⼾⾃主开启和关闭全站请求耗时统计功能。
在服务端实现数据存储和展示，可以使用图表等方式展示
(本身会大大影响性能)