价格: 19 学币
课程内容分为四个部分。
基础理论篇:带你学习前端全链路基础理论知识。将全链路拆解为 3 种要素和它们对应的 14 条核心路径,你会得到一份后续学习的路线图。
全链路核心指标:学习设计日志数据格式的方法,把前端出现的各种异常、页面交互问题以及性能问题关联起来,让你在处理线上问题的时候更快地定位全链路场景的日志。
全链路监控:基于前一章设计的指标,继续设计一套故障通知体系,做到及时通知系统故障,再由人为分析、整理,判断每个问题是否需要解决。
优化实战篇:综合前面日志埋点和监控的知识,解决高频的页面故障、性能、交互等等问题。
.
├── [ 20K] 01|前世今生:前端全链路的演进历程.md
├── [ 22M] 01|前世今生:前端全链路的演进历程.mp3
├── [4.2M] 01|前世今生:前端全链路的演进历程.pdf
├── [ 18K] 02|重要性:为什么要对前端服务做全链路的监控和优化?.md
├── [ 17M] 02|重要性:为什么要对前端服务做全链路的监控和优化?.mp3
├── [3.6M] 02|重要性:为什么要对前端服务做全链路的监控和优化?.pdf
├── [ 12K] 03|全链路流程:前端全链路的关键路径有哪些?.md
├── [ 13M] 03|全链路流程:前端全链路的关键路径有哪些?.mp3
├── [6.7M] 03|全链路流程:前端全链路的关键路径有哪些?.pdf
├── [ 15K] 04|数据结构(上):如何设计全链路数据模型.md
├── [ 14M] 04|数据结构(上):如何设计全链路数据模型.mp3
├── [6.2M] 04|数据结构(上):如何设计全链路数据模型.pdf
├── [ 16K] 05|数据结构(下):如何设计页面业务问题相关的数据结构?.md
├── [ 12M] 05|数据结构(下):如何设计页面业务问题相关的数据结构?.mp3
├── [4.4M] 05|数据结构(下):如何设计页面业务问题相关的数据结构?.pdf
├── [ 11K] 06|指纹ID:如何通过指纹ID关联全链路日志?.md
├── [9.1M] 06|指纹ID:如何通过指纹ID关联全链路日志?.mp3
├── [2.3M] 06|指纹ID:如何通过指纹ID关联全链路日志?.pdf
├── [ 20K] 07|网页指标:为何要用WebVitals分析Web应用的用户体验?.md
├── [ 25M] 07|网页指标:为何要用WebVitals分析Web应用的用户体验?.mp3
├── [3.1M] 07|网页指标:为何要用WebVitals分析Web应用的用户体验?.pdf
├── [ 13K] 08|网页指标:如何快速把WebVitals集成到实际项目?.md
├── [ 12M] 08|网页指标:如何快速把WebVitals集成到实际项目?.mp3
├── [2.3M] 08|网页指标:如何快速把WebVitals集成到实际项目?.pdf
├── [ 15K] 09|接口指标:监听接口状态,收集页面接口异常数据.md
├── [ 15M] 09|接口指标:监听接口状态,收集页面接口异常数据.mp3
├── [1.8M] 09|接口指标:监听接口状态,收集页面接口异常数据.pdf
├── [ 15K] 10|资源和脚本异常指标:监听资源和脚本状态,收集异常数据.md
├── [ 12M] 10|资源和脚本异常指标:监听资源和脚本状态,收集异常数据.mp3
├── [1.9M] 10|资源和脚本异常指标:监听资源和脚本状态,收集异常数据.pdf
├── [ 17K] 11|用户行为指标:如何有效监听用户交互行为?.md
├── [ 14M] 11|用户行为指标:如何有效监听用户交互行为?.mp3
├── [2.8M] 11|用户行为指标:如何有效监听用户交互行为?.pdf
├── [ 19K] 12|自定义指标:如何通过自定义指标,监控前端页面更多状态.md
├── [ 16M] 12|自定义指标:如何通过自定义指标,监控前端页面更多状态.mp3
├── [2.0M] 12|自定义指标:如何通过自定义指标,监控前端页面更多状态.pdf
├── [ 16K] 13|关联后端:如何通过Skywalking把接口关联到后端服务?.md
├── [ 14M] 13|关联后端:如何通过Skywalking把接口关联到后端服务?.mp3
├── [2.6M] 13|关联后端:如何通过Skywalking把接口关联到后端服务?.pdf
├── [ 16K] 14|数据上报方案:如何在不影响用户体验下实现数据上报?.md
├── [ 13M] 14|数据上报方案:如何在不影响用户体验下实现数据上报?.mp3
├── [2.1M] 14|数据上报方案:如何在不影响用户体验下实现数据上报?.pdf
├── [ 17K] 15|何为监控:让监控成为快速发现问题的重要方法.md
├── [ 16M] 15|何为监控:让监控成为快速发现问题的重要方法.mp3
├── [2.5M] 15|何为监控:让监控成为快速发现问题的重要方法.pdf
├── [ 17K] 16-监控规则:设定有效的查询条件规则.md
├── [ 11M] 16-监控规则:设定有效的查询条件规则.mp3
├── [3.6M] 16-监控规则:设定有效的查询条件规则.pdf
├── [ 11K] 17|数据可视化:可视化监控真的重要吗?.md
├── [9.1M] 17|数据可视化:可视化监控真的重要吗?.mp3
├── [1.7M] 17|数据可视化:可视化监控真的重要吗?.pdf
├── [ 11K] 18|告警与决策:如何解决监控警告中焦虑的问题?.md
├── [ 12M] 18|告警与决策:如何解决监控警告中焦虑的问题?.mp3
├── [2.1M] 18|告警与决策:如何解决监控警告中焦虑的问题?.pdf
├── [ 15K] 19-卡顿:页面响应卡顿是什么原因造成的?.md
├── [ 14M] 19-卡顿:页面响应卡顿是什么原因造成的?.mp3
├── [6.4M] 19-卡顿:页面响应卡顿是什么原因造成的?.pdf
├── [ 21K] 20|渲染:如何优化布局和渲染,提升网页响应速度?.md
├── [ 15M] 20|渲染:如何优化布局和渲染,提升网页响应速度?.mp3
├── [5.1M] 20|渲染:如何优化布局和渲染,提升网页响应速度?.pdf
├── [ 11K] 21|首字节:有效衡量网页首字节时间指标.md
├── [9.1M] 21|首字节:有效衡量网页首字节时间指标.mp3
├── [6.2M] 21|首字节:有效衡量网页首字节时间指标.pdf
├── [ 11K] 22|加载速度:提升网页首字节时间的问题.md
├── [9.4M] 22|加载速度:提升网页首字节时间的问题.mp3
├── [6.7M] 22|加载速度:提升网页首字节时间的问题.pdf
├── [ 12K] 23|白屏:如何优化APP内前端白屏时间?.md
├── [ 14M] 23|白屏:如何优化APP内前端白屏时间?.mp3
├── [3.2M] 23|白屏:如何优化APP内前端白屏时间?.pdf
├── [ 14K] 24|跳出率:如何快速显示页面内容,降低跳出率?.md
├── [ 14M] 24|跳出率:如何快速显示页面内容,降低跳出率?.mp3
├── [6.1M] 24|跳出率:如何快速显示页面内容,降低跳出率?.pdf
├── [ 15K] 25|字体:解决自定义字体加载问题.md
├── [ 17M] 25|字体:解决自定义字体加载问题.mp3
├── [2.4M] 25|字体:解决自定义字体加载问题.pdf
├── [ 11K] 26|视口:可视内容对全链路的重要性.md
├── [ 13M] 26|视口:可视内容对全链路的重要性.mp3
├── [5.8M] 26|视口:可视内容对全链路的重要性.pdf
├── [ 13K] 27|图片:调整策略,优化图片加载问题.md
├── [ 13M] 27|图片:调整策略,优化图片加载问题.mp3
├── [7.8M] 27|图片:调整策略,优化图片加载问题.pdf
├── [ 13K] 28|视觉:避免发生布局偏移影响用户交互.md
├── [ 14M] 28|视觉:避免发生布局偏移影响用户交互.mp3
├── [5.6M] 28|视觉:避免发生布局偏移影响用户交互.pdf
├── [ 15K] 29|经验:优化就是减少请求数量和质量.md
├── [9.6M] 29|经验:优化就是减少请求数量和质量.mp3
├── [5.4M] 29|经验:优化就是减少请求数量和质量.pdf
├── [ 15K] 30|工具:最容易被忽视的工具和定位问题路径.md
├── [ 18M] 30|工具:最容易被忽视的工具和定位问题路径.mp3
├── [7.3M] 30|工具:最容易被忽视的工具和定位问题路径.pdf
├── videos/
│ ├── 19-卡顿:页面响应卡顿是什么原因造成的?/
│ ├── 25|字体:解决自定义字体加载问题/
│ ├── 27|图片:调整策略,优化图片加载问题/
│ └── 30|工具:最容易被忽视的工具和定位问题路径/
├── [7.4K] 开篇词|前端全链路是提升解决问题效率的关键.md
├── [8.6M] 开篇词|前端全链路是提升解决问题效率的关键.mp3
├── [ 10M] 开篇词|前端全链路是提升解决问题效率的关键.pdf
├── [5.5K] 结束语|持续成长,成为最好的自己.md
├── [6.7M] 结束语|持续成长,成为最好的自己.mp3
├── [1.5M] 结束语|持续成长,成为最好的自己.pdf
├── [ 458] 结课测试|来赴一场满分之约.md
└── [600K] 结课测试|来赴一场满分之约.pdf