UC浏览器客户端的数据监控及应用

简介:


芦炎:在UC工作多年一直专注浏览器开发的方向,曾经开发过多个操作系统平台的UC浏览器,目前在浏览器内核团队、负责性能专项相关工作。

本议题重点介绍 UC浏览器客户端数据采集、数据监控数据的维度及示例、以及实战中通过监控数据发现、挖掘、解决问题的经验。以下来分享精彩内容。

浏览器数据监控

数据监控:通过数据的采集形成一定的报表,数据的采集有很多的渠道和方式,通过日志,通过一些统计数据,通过特殊通道汇总起来形成元数据。采集的数据形成核心指标报表、原始报表,把这些数据进行进一步的监控数据异常分析、比对分析、自动化分析等,帮助我们进行更多的工作。

图1

如图1,浏览器客户端中会有很多维度的数据监控作为日常工作的内容,图中列举了一部分核心的内容。

性能指标监控

  浏览器页面访问性能指标监控的就是性能。

性能监控数据可以做什么:了解、发现问题—通过核心指标监控,及时发现数据的异常;

分析、挖掘问题—通过更细化维度的组合监控,进一步分析问题原因;

定位,解决问题—通过全面数据指标监控,直接定位到原因;

三者层级递进。

    图2

图2所示接入点维度的核心性能指标监控, 有一个核心性能指标,每天生成报表。这是按照手机网络接入点的维度来进行性能上的一些监控,主要监控各个发布的版本性能的一些变化,保证最新版本不差于之前版本的数据。

 图3新版本发布发现性能数据问题

图3是某一个二级接入点下面的一个指标,通过报表显示出最新版本数据出现了问题,发现了问题之后,怎么办呢?我们可能知道这个问题是影响性能的原因之一,但不敢确定是不是全部。如果没有更体系化的、更有力度的,多维度的监控数据做支持,那就解决不了这个事情。

  图4

图4例举了几个比较通用的维度的数据,红色标识为有问题的维度,直接定位到问题处,可以解释大数据中出现的问题。

 图5

 

图5中报表问题直接定位了缓存命中率问题——图片缓存命中率下降,在大的缓存命中率的之下,还有进一步的分解,各种页面资源的缓存命中率。通过这样几个维度几个层次的数据监控,最后可以定位到这样的问题,再结合新进版本一些修改的点,一些优化的点,一些新功能开发的点,就非常容易定位到是哪一个代码提交导致的这个问题。

 图6

很多维度都在做线上的监控,每天有很多的报表出来,有些是人工分析,有些是自动化分析的结果。图6是浏览器核心性能监控的内容,各种各样的原因导致联网错误而产生的错误码,不知原因的白屏率,还有页面流量。

 图7

   图8

图7左侧说的是国际版白屏率的波动,我们发现,线上的多个版本,不同的国家,同时在一天出现了白屏率好转的一个效果,我们可以确认这就和浏览器APP没有任何关系,但是我们要弄清楚是什么问题。右侧我们发现,在那一天,其它域名维度的数据没有什么变化,只有google本地站的数据有明显的下降,至少我们定位到google在做一些动作或者优化。图8所示,通过本地化的一些测试,左面图是google原来的样子,在那个时间段后再次搜索就会出现中间图片的样子,右图上google对改进作的解释。

图9 S、B搜索业务

 

图9为S、B搜索作对比监控的报表,监控的是搜索结果的页面展现的速度。S搜索通过自己的前端,数据采集,能够获取到很详尽的性能搜索,但是对方性能是不知道的。B搜索也是一样,所以作对比分析。

 

  图10

 

图10为天猫问题监控报表,蓝色曲线有非常大的异常,再把错误码进行全面的细化,会更直接的定位到具体是哪一个错误码维度偏高了,进行进一步分析。

 

 

 

其它维度监控

图11为用户意见反馈监控,用户通过专门的浏览器用于意见反馈入口,来反馈使用过程中遇到的问题,我们会把这些问题进行分类,通过分类我们可以看到对某一个关键字下面会有一定数据监控的曲线图来反映问题,

图11 

 

数据监控的发展

  大数据的数据监控——数据分析——大数据挖掘。




                                                                                                                          PPT下载地址:http://club.alibabatech.org/resource_detail.htm?topicId=163

相关文章
|
23天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
103 2
|
6月前
|
存储 监控 安全
360 企业安全浏览器基于阿里云数据库 SelectDB 版内核 Apache Doris 的数据架构升级实践
为了提供更好的日志数据服务,360 企业安全浏览器设计了统一运维管理平台,并引入 Apache Doris 替代了 Elasticsearch,实现日志检索与报表分析架构的统一,同时依赖 Doris 优异性能,聚合分析效率呈数量级提升、存储成本下降 60%....为日志数据的可视化和价值发挥提供了坚实的基础。
360 企业安全浏览器基于阿里云数据库 SelectDB 版内核 Apache Doris 的数据架构升级实践
|
6月前
|
数据采集 Web App开发 JSON
浏览器插件:WebScraper基本用法和抓取页面内容(不会编程也能爬取数据)
本文以百度为实战案例演示使用WebScraper插件抓取页面内容保存到文件中。以及WebScraper用法【2月更文挑战第1天】
415 2
浏览器插件:WebScraper基本用法和抓取页面内容(不会编程也能爬取数据)
|
8天前
|
Web App开发 定位技术 iOS开发
Playwright 是一个强大的工具,用于在各种浏览器上测试应用,并模拟真实设备如手机和平板。通过配置 `playwright.devices`,可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外,Playwright 还支持模拟地理位置、区域设置、时区、权限(如通知)和配色方案,使测试更加全面和真实。例如,可以在配置文件中设置全局的区域设置和时区,然后在特定测试中进行覆盖。同时,还可以动态更改地理位置和媒体类型,以适应不同的测试需求。
Playwright 是一个强大的工具,用于在各种浏览器上测试应用,并模拟真实设备如手机和平板。通过配置 `playwright.devices`,可以轻松模拟不同设备的用户代理、屏幕尺寸、视口等特性。此外,Playwright 还支持模拟地理位置、区域设置、时区、权限(如通知)和配色方案,使测试更加全面和真实。例如,可以在配置文件中设置全局的区域设置和时区,然后在特定测试中进行覆盖。同时,还可以动态更改地理位置和媒体类型,以适应不同的测试需求。
16 1
|
16天前
|
NoSQL 前端开发 MongoDB
前端的全栈之路Meteor篇(三):运行在浏览器端的NoSQL数据库副本-MiniMongo介绍及其前后端数据实时同步示例
MiniMongo 是 Meteor 框架中的客户端数据库组件,模拟了 MongoDB 的核心功能,允许前端开发者使用类似 MongoDB 的 API 进行数据操作。通过 Meteor 的数据同步机制,MiniMongo 与服务器端的 MongoDB 实现实时数据同步,确保数据一致性,支持发布/订阅模型和响应式数据源,适用于实时聊天、项目管理和协作工具等应用场景。
|
3月前
|
Web App开发
Chrome——谷歌浏览器chrome如何模拟其他客户端
Chrome——谷歌浏览器chrome如何模拟其他客户端
102 1
Chrome——谷歌浏览器chrome如何模拟其他客户端
|
3月前
|
机器学习/深度学习 存储 前端开发
实战揭秘:如何借助TensorFlow.js的强大力量,轻松将高效能的机器学习模型无缝集成到Web浏览器中,从而打造智能化的前端应用并优化用户体验
【8月更文挑战第31天】将机器学习模型集成到Web应用中,可让用户在浏览器内体验智能化功能。TensorFlow.js作为在客户端浏览器中运行的库,提供了强大支持。本文通过问答形式详细介绍如何使用TensorFlow.js将机器学习模型带入Web浏览器,并通过具体示例代码展示最佳实践。首先,需在HTML文件中引入TensorFlow.js库;接着,可通过加载预训练模型如MobileNet实现图像分类;然后,编写代码处理图像识别并显示结果;此外,还介绍了如何训练自定义模型及优化模型性能的方法,包括模型量化、剪枝和压缩等。
49 1
|
3月前
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
|
3月前
|
API UED 开发者
如何在Uno Platform中轻松实现流畅动画效果——从基础到优化,全方位打造用户友好的动态交互体验!
【8月更文挑战第31天】在开发跨平台应用时,确保用户界面流畅且具吸引力至关重要。Uno Platform 作为多端统一的开发框架,不仅支持跨系统应用开发,还能通过优化实现流畅动画,增强用户体验。本文探讨了Uno Platform中实现流畅动画的多个方面,包括动画基础、性能优化、实践技巧及问题排查,帮助开发者掌握具体优化策略,提升应用质量与用户满意度。通过合理利用故事板、减少布局复杂性、使用硬件加速等技术,结合异步方法与预设缓存技巧,开发者能够创建美观且流畅的动画效果。
77 0
|
6月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
76 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。

热门文章

最新文章