总下载时间：window.onload的触发节点。 白屏时间节点指的是从用户进入网站（输入url、刷新、跳转等方式）的时刻开始计算，一直到页面有内容展示出来的时间节点。 这个过程包括dns查询、建立tcp连接、发送首个http请求（如果使用https还要介入TLS的验证时间）、…

在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

前端监控一直开发生产中很重要的一环，因为组内原本的项目监控机制不能通用以及新项目暂时还没有完善的前端监控，所以想着自己研究搭建一下可行的前端监控方案。所以就有了这篇文章，小公司节约成本，收费的监控方案就不考虑了，采用的就是免费方案中最主流的 sentry～😄 回归本质，学 D…

前端异常监控系统，市面上有好多。为什么我们选择sentry呢？因为其较多的支持目前主流语言及框架的项目，比较成熟和稳定。而且开源，并且github上还有docker集成好的sentry安装环境。目前，多数公司在做前端异常监控时，都选择了开源的sentry。 1.首先在搭建的se…

是指用户在使用应用时，无法得到预期的结果。不同的异常带来的后果程度不同，轻则引起用户使用不悦，重则导致产品无法使用，从而使用户丧失对产品的认可。 try-catch 只能捕获同步运行错误，对语法和异步错误却捕获不到。 编译器能够阻止运行语法错误。 当 JavaScript 运行…

前端监控包括行为监控、异常监控、性能监控等，本文主要讨论异常监控。对于前端而言，和后端处于同一个监控系统中，前端有自己的监控方案，后端也有自己等监控方案，但两者并不分离，因为一个用户在操作应用过程中如果出现异常，有可能是前端引起，也有可能是后端引起，需要有一个机制，将前后端串联…

上一章，介绍了，为啥前端需要线上bug追踪系统，以及简单的在sentry注册了一个账号，做了一个小demo，演示了初步的流程。 这章继续接上一章，如何解决前两个疼点。 刷新浏览器，再次进入sentry后 可以看到【版本】这个按钮里面有了【指定的】版本号。 现在每次线上报的bug…

引用自百科的原话是，埋点分析网站分析的一种常用的数据采集方法。因此其本质是分析，但是靠什么分析呢？靠埋点得到的数据。通俗来讲，就是当我想要在某个产品上得到用户的一些行为数据用来分析，就可以用埋点了。举例来说，A用户把某本书加到了自己的书架了，我可以通过该用户书架的书的类型，由此…