听云browser产品介绍

听云Browser产品介绍应用性能决定成败页面卡顿出现404用户大量流失营业额下降支付失败运维：研发是不是你们代码逻辑有问题呀？研发：我看网络问题的可能性更大用户无法定位性能瓶颈结果市场背景RUM是APM产品不可或缺的重要组成部分，覆盖真实用户的浏览器端性能监测领域大量企业在使用B/S应用架构移动H5WebApp例如微信平台和混合式App的时代已来临什么是听云Browser是基于页面JS嵌码技术的真实用户性能监测（RUM）产品致力为H5页面，微信平台公众号，混合应用等网站提供真实用户体验评估，定位其在高并发下的性能瓶颈提供多维度的浏览器端性能数据报表，并且与听云Server相结合提供跨应用追踪功能听云Browser监测原理多平台浏览器客户端听云数据中心2.嵌入了听云Browser探针的页面4.通过HTTP/HTTPS协议提交性能，错误和追踪数据1.浏览器发送页面请求3.浏览器加载资源，渲染页面听云Browser监测原理——采集性能数据听云BrowserAjax性能数据JS错误数据浏览器基本信息页面追踪数据页面性能数据听云Browser监测原理——适用的应用环境听云Browser支持所有网站，支持浏览器：IE9-11，Firefox、Chrome和Safari所有版本，iosSafari9和AndroidBrowser所有版本。（下图是听云Browser支持的浏览器类型及版本，绿色为支持，红色为支持不完整）覆盖行业、应用场景互联网电商官网，在线商城，微商城，H5游戏，旅游预订，P2P，O2O服务，电影票，在线阅读金融手机银行，掌上金融运营商

掌厅，网厅，微信公众号，微信服务号政府、事业单位、航空、教育、医疗健康内网应用，OA，审批系统，在线教育平台，微信服务，在线健康，体检中心，挂号电商类——应用场景

活动页面在高并发下性能用户使用的浏览器偏好及兼容性活动受哪些城市用户欢迎促销活动电商类——听云Browser提供的解决方案页面分析分析页面加载过程各项指标地域分析分析某一页面不同区域访问量以及性能浏览器分析统计用户的浏览器占比以及分析不同版本和类型的性能统计JS错误数据以及提供错误追踪详情js错误分析关键页面电商——案例页面渲染耗时长，是因为活动页面存在大的图片加载优化建议：提供压缩后的图片将多个图片合并成一个展示电商——案例用户访问页面时，使用最多的五款浏览器分别是Chrome、IE、Firefox、QQBrowser和Liebao。上新活动时，可以优先考虑这五款浏览器的兼容性。电商——案例活动页面发生js错误，并定位出出错行列、错误堆栈以及错误模块信息电商——案例此活动页面关注人群主要是华北、东北以及华南等地区微信公众号——应用场景不同运营商、网络类型访问性能页面卡顿异步加载缓慢公众号内容浏览微信公众号——听云Browser提供的解决方案慢页面追踪分析页面加载过程各项指标组合分析分析应用不同运营商和网络类型等性能跨应用分析、追踪分析和追踪页面和Ajax的请求过程应用分析微信公众号——案例分析下图为慢页面追踪详情图，从此图上可以看出script脚本加载耗时较大，特别第二个使用了外链，可考虑合并外链和精简js脚本微信公众号——案例分析下图展示页面加载最慢的5个省份、运营商和接入方式的组合，建议：可查看这种组合的网络链路是否存在问题，是否需要新增CND节点微信公众号——案例分析通过左侧的Ajax请求性能分析图可查看到服务响应响应时间耗时大，通过跨应用分析，查看服务器端性能追踪到服务端，查看到服务器端耗时较大的是sql的查询，可考虑优化sql语句产品价值业务管理全真样本用户访问体验监测和优化全样本真实移动网站性能监测和优化用户满意度和活跃留存率应用于运维快速实现问题定位，降低MTTR时间