12、自定义指标:如何通过自定义指标,监控前端页面更多状态

你好,我是三桥。 这节课,我们继续学习前端全链路的另一种链路日志,自定义日志。 通常来说,我们会在业务代码里主动输出一些日志,通过日志追踪可能发生的异常或流程以外的地方。 如果说,请求类日志、资源类日志、脚本异常类日志是全链路中最基础底层的日志,那么...

前端全链路优化实战课

13、关联后端:如何通过Skywalking把接口关联到后端服务

你好,我是三桥。 前面几节课,我们一直围绕着前端技术栈之间的链路关系学习,例如交互行为、脚本运行错误等等。除了这些,在前端全链路的概念里还有一条链路也是非常重要的,它就是前后端请求调用链路。 什么是前后端请求调用链呢? 前后端的请求调用链,是指请求从...

前端全链路优化实战课

14、数据上报方案:如何在不影响用户体验下实现数据上报

你好,我是三桥。 前面几节课,我们一直学习如何在前端应用中捕获前端异常信息,并基于全链路数据结构把信息存储起来。这节课,我们就来看下应该如何用最优的方法,把异常信息上报到后端服务。 不少前端同学都非常熟悉监控平台SDK上报埋点数据的流程,那在这节课,...

前端全链路优化实战课

15、何为监控:让监控成为快速发现问题的重要方法

你好,我是三桥。 说到监控,可能你会想到服务器、网络等这种跟前端同学无关的监控层面,还有一些常见的场景。 偶尔看下可视化面板,通过分析图表发现问题。 开发需求时,通过浏览器开发者工具发现问题。 使用生产环境的测试账号发现页面加载速度慢,白屏时间较长...

前端全链路优化实战课

16、监控规则:设定有效的查询条件规则

你好,我是三桥。 一个完整的监控平台,要确保告警的准确性,就需要从大量的日志数据中提取有用的信息和特定数据,然后分析数据、判断阈值,最终才能准确定位问题。 这节课我们继续学习前端全链路监控实践另一个重要的环节,如何设定有效的监控查询规则。 首先,我们...

前端全链路优化实战课

17、数据可视化:可视化监控真的重要吗

你好,我是三桥。 许多前端同学都有参与可视化前端产品的经历,比如设计数据可视化工具、产品报表可视化工具、商业智能BI工具、可视化大屏等等。 一说到可视化解决方案,你可能会马上想到一些框架,例如ECharts、antv、chart.js、D3.js等。...

前端全链路优化实战课