最近做 web 性能采集分析，一直觉得跟用户交互无关的采集都放在 onLoad 或 DOMContentLoaded 中很不合理。 一番搜索，发现 web 页面也是有生命周期的。一番研究，解决了如何避免干扰用户采集信息的困惑。 提供了一系列的生命周期钩子函数，方便开发者能够在不…

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

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众多业务线。 据21年下旬统计

如果我们想要提高我们的前端性能,那么首先你得先只知道怎么测量你的前端性能。但是哪些前端的性能指标我们应该关注呢? 在Web1.0时代当我们讨论到前端性能指标用的最多的就是page load time。到了单页应用程序越来越多的时代,单一的page load time指标已经无法…

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

Tencent CDC（https://cdc.tencent.com/2018/09/13/frontend-exception-monitor-research/）

设计和封装一个前端埋点上报脚本， 并逐步思考优化这个过程。 我们先用最直接的方式来实现这个埋点上报脚本。 这样子就能通过调用analytics()，往我们的统计服务端提交一条消息，并指明一个行为类型。 head请求方式和参数传递方式与get请求一致，也会受限于浏览器，但因为其不…

了解前端性能监控的方式以及如何打造监控系统

埋点上报是将应用层事件上传至上层平台的过程。比方说，在某购物网站上，用户点击了「收藏」按钮，此时，一个点击事件就生成了，这一事件会被上报至一个数据分析平台。