微信公众号H5页面故障事件报告
一、问题背景
2020年4月份，公司公众号的H5页面都不能正常渲染页面，一直在加载loading状态。经F12查看，是因为公司引用的TalkingData第三方打点服务发生故障，JS一直处于pending状态。
由于是script同步引入的该JS文件，因此导致整个页面的渲染过程被阻塞，无法正常显示内容。
二、事件发生经过
2020年4月10日下午14:00左右，公司公众号的H5页面开始出现问题。用户打开页面后，发现页面一直在加载loading状态，而不是正常的渲染页面。
经初步检查，我们发现公司引用的TalkingData第三方打点服务发生故障。该服务负责收集和分析用户行为数据，但由于故障导致JS文件无法正常执行，导致整个页面的渲染过程被阻塞。
三、问题原因分析
1. TalkingData第三方打点服务故障:公司引用的TalkingData第三方打点服务发生故障，这是事件的直接原因。该服务负责收集和分析用户行为数据，但由于故障导致JS文件无法正常执行，导致整个页面的渲染过程被阻塞。
2. script同步引入的JS文件:由于公司使用了script同步引入的方式引入TalkingData第三方打点服务的JS文件，因此当该服务发生故障时，整个页面的渲染过程都被阻塞。
3. 缺乏容错机制:公司公众号的H5页面没有实现容错机制，当TalkingData第三方打点服务发生故障时，没有及时切换到备用服务或降级处理。
四、事件解决方案
1. 紧急修复TalkingData第三方打点服务:公司立即与TalkingData技术支持团队联系，要求紧急修复第三方打点服务。
2. 切换到备用服务:由于TalkingData第三方打点服务故障，公司决定切换到备用服务，以保证页面的正常渲染。
3. 升级容错机制:公司决定升级容错机制，实现对TalkingData第三方打点服务的多种切换和降级处理。
五、事件总结
2020年4月份，公司公众号的H5页面都不能正常渲染页面，一直在加载loading状态。经F12查看，是因为公司引用的TalkingData第三方打点服务发生故障，JS一直处于pending状态。
经过紧急修复、切换到备用服务和升级容错机制等措施，事件最终得到解决。
