目前市面上有许多成熟的前端监控系统,但我们没有选择成品,而是自己动手研发。这里面包括多个原因: 填补H5日志的空白 节约公司费用支出 可灵活地根据业务自定义监控 回溯时间能更长久 反哺运营和产品,从而优化产品质量 一次难得的练兵机会 前端监控地基本目的 ...
一 加载慢 在直播间有一个小时榜的Web页面,经常有用户反映点击小时榜,弹出的页面会有蛮长的一段 秒上下 时间白屏。 查看性能监控中的白屏时间,发现最多 . 秒,最少 . 秒平均每小时的白屏在 秒左右 有待优化 ,那么大概还有 秒的时间可能是其他原因造成的。 在页面中会包含很多主播头像,有可能是图片太多阻塞了渲染,于是将主播的头像都改成异步加载,在调试的时候直接将他们都隐藏掉,并且在动态读取的部分 ...
2021-07-12 07:26 1 643 推荐指数:
目前市面上有许多成熟的前端监控系统,但我们没有选择成品,而是自己动手研发。这里面包括多个原因: 填补H5日志的空白 节约公司费用支出 可灵活地根据业务自定义监控 回溯时间能更长久 反哺运营和产品,从而优化产品质量 一次难得的练兵机会 前端监控地基本目的 ...
的还是W3C性能参数的第一版,现在已有第二版了。 在2020年,根据自己所学整理了一套监控系统,代号菠萝, ...
,目前也有一个错误日志列表,其中也有比较详尽的错误信息,可配合监控系统使用。 一、SDK 1) ...
在将监控日志的服务独立部署后,还是发现CPU会在不特定时间段(例如21~22、23~02等)飙到70%,内存也是一路飙升不会下降,明显是出现了内存泄漏。 需要进一步做优化,于是开通了阿里云的 Node.js 性能平台。 一、Node.js性能平台 要使用此工具需要 ...
一、存储 在将数据传送到后台之前,已经做了一轮清洗工作,如果有需要还可以再做一次清洗。 日志表如下所示,自增的 id 直接偷懒使用了 bigint,没有采用分表等其他技术。 ...
页面奔溃包含两种场景,第一种是浏览器在加载网页时遇到问题导致的奔溃,另一种是因为脚本渲染出错导致页面空白无内容的奔溃。 前段时间运营抱怨有张活动页出现了空白(第二种奔溃场景),导致用户无法访问,希望我们能主动监控到这种情况,而不是通过用户的上报。 后面和运维沟通,他那边目前只能监控 ...
shin 的读音是[ʃɪn],谐音就是行,寓意可行的后端系统服务,shin-server 的特点是: 站在巨人的肩膀上,依托KOA2、bunyan、Sequelize等优秀的框架和库所搭建的定制化后端系统服务。 一套完整的 Node.js 后端服务解决方案。 调试便捷,实时打印 ...
shin 的读音是[ʃɪn],谐音就是行,寓意可行的后台管理系统,shin-admin 的特点是: 站在巨人的肩膀上,依托Umi 2、Dva 2、Ant Design 3和React 16.8搭建的定制化后台。 介于半成品和成品之间,有很强的可塑性,短期内你就能把控全局 ...