6、指纹ID:如何通过指纹ID关联全链路日志

你好,我是三桥。 在之前的课程当中,我们设计了一套基于最少字段原则的全链路日志模型。你还记得数据模型中提到的fpId字段吗? 对,它就是指纹ID。在我们深入探讨指纹ID之前,先来看看前端同学在实际项目遇到的一种情况。这次,我们以极客时间的网站为例。 ...

前端全链路优化实战课

7、网页指标:为何要用WebVitals分析Web应用的用户体验

你好,我是三桥。 对于网页来说,用户行为是一种输入,那什么样的网页“输出”才会更好呢?想象一下,如果你在打开一个页面时,加载过程需要等待很久才出现画面,你还愿意等下去吗?你还会继续想用这样的产品吗? 我想表达的是,网页的反馈速度,对于用户体验至关重要...

前端全链路优化实战课

8、网页指标:如何快速把WebVitals集成到实际项目

你好,我是三桥。 这节课,我将为你介绍实现前端全链路指标数据的第一步,把Web Vitals集成到你的项目。 我们先了解一下前端项目的现状。 近年来,前端开发者从0到1开发新项目,技术选型这方面基本上会将Vue和React作为前端开发首选框架之一,因...

前端全链路优化实战课

9、接口指标:监听接口状态,收集页面接口异常数据

你好,我是三桥。 很多前端同学并不太重视接口异常情况的维护,反而把精力集中在当前的功能是否可用。但在实际的应用过程中,可能会出现各种不可预知的接口异常情况。如果没有做好充分的异常处理和维护工作,不仅会导致较差的用户体验,甚至影响整个Web应用的稳定性...

前端全链路优化实战课

10、资源和脚本异常指标:监听资源和脚本状态,收集异常数据

你好,我是三桥。 前两节课,我们学习了读取网页指标和封装接口状态的方法,同时通过实战把有效信息转化为数据指标模型,并且封装到了前端全链路SDK里面。 今天,我们继续设计另一个数据指标:前端资源状态。 前端资源是用户体验的重要资产曾经有一个前端项目我印...

前端全链路优化实战课

11、用户行为指标:如何有效监听用户交互行为

你好,我是三桥。 这节课,我们继续学习前端全链路的实现过程,这次,我们聚焦在用户行为指标上。 广义来讲,用户行为是指在Web前端技术实现的所有应用或产品下,用户与它们的交互情况。通过收集、存储和分析用户线上的行为、交互以及用户属性,能够帮助我们分析和...

前端全链路优化实战课
12346