引言 给组内的项目都在CICD流程上更新上了性能守卫插件，效果也还不错，同事还疯狂夸奖我 接下里进入我们的此次的主题吧 但是会出现两个问题，如果采用第一种方式，使用lighthouse查看性能指标

身为前端工程师，你是否知道你的页面日均 PV 有多少？你是否知道用户高峰期在什么时段？当需求发生争议时，你是否缺少数据支撑而无法建立话语权？当出现问题时，你是否总是被拉进群里而又没有任何日志来排查？

“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情” 本章主要介绍项目的架构，我们做了什么，以及大家可以从中了解什么！

基于Vue3+Vite+pnpm实现前端埋点上报插件，包括自定义指令点击事件，用户在每个页面停留时长(TP)，以及访问人数(UV),访问量(PV) 等功能，最后发布一个名为v-tracking的包

介绍前端监控的三个方向内容。各个方向借助那些API去实现的功能，以及对部分实现步骤的解读和注意事项说明。

编辑推荐：Vite 3.0 发布: 核心更新盘点与分析；试着换个角度理解低代码平台设计的本质；可视化搭建系统之数据源等

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

我们想要让网站的性能提升，具体指的是什么，如何去量化我们的优化。而且性能体验这种东西往往是相对的。所以在讨论性能时，我们需要有精确的数据，需要有可以测量的客观的标准来定义，这些标准就是指标。

从技术方面来讲，前端性能监控主要分为两种方式，一种叫做合成监控（Synthetic Monitoring，SYN），另一种是真实用户监控（Real User Monitoring，RUM）。 就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的…