跳到主要内容

页面分析

用户对数字产品的体验感知，本质是 “一次页面加载 / 交互的完整过程”。例如打开电商首页、提交订单页、查看支付结果页，每个页面的 “加载快慢、是否卡顿、能否正常操作” 直接决定了用户的满意度。脱离 “页面” 的孤立指标（如 “某 API 响应时间 200ms”）无法直接反映用户体验，只有以 “页面” 为载体，将 API、资源加载、前端渲染等技术指标与 “用户在该页面的行为”（如点击按钮、停留时长）关联，才能判断 “技术问题是否真正影响了用户”。

如需了解页面定义和标识，可查看页面。

使用场景​

  • 页面性能问题定位：追踪首屏加载时间、白屏时长、资源加载延迟等指标，定位慢加载瓶颈（如大图片未压缩、接口响应慢），识别页面卡顿、崩溃、JS 错误等异常，还原错误发生时的用户操作路径和环境信息。
  • 用户体验优化：监测页面元素加载顺序（如关键内容是否优先显示），优化加载策略提升用户感知速度，分析不同地区、浏览器类型的用户体验差异，解决局部地区或特定浏览器的适配问题。
  • 业务场景落地：电商、支付等核心业务页面：监控下单、支付流程的页面响应速度，降低因体验差导致的流失率；新功能上线后：对比上线前后的页面性能和用户行为数据，验证新功能是否影响体验；营销活动页面：追踪活动期间的页面访问稳定性、加载成功率，保障活动顺利开展。
  • 长期性能与体验监控：建立页面性能基准值，设置告警阈值（如首屏加载超 3 秒触发告警），提前预警潜在问题；持续跟踪优化效果，通过数据趋势判断优化措施是否有效（如优化后白屏时长下降比例）。

页面列表​

按应用展示所有时间范围有指标上报的页面列表，可根据属性、维度和标签进行过滤，支持自定义表头和导出。H5页面、单页面、原生视图、小程序视图业务请求请求错误率：仅包括页面本身触发的请求

image-20251110194219202

页面详情​

展示页面的性概览、操作、调用关系、指标、告警

提示

仅当用新告警模块时有告警相关内容，包括但不限于：概览页签的未解决告警等级、告警页签

仅原生视图和小程序视图详情有操作页签

小程序视图、单页面详情页不支持跳转相关记录

概览​

  • 点击概览右侧的设置图标，可以设置展示的指标卡片；
  • 选中指标卡片后，可以查看该指标的趋势分析和维度分析，点击可以下钻至对应的记录；趋势分析、维度分析中页面、终端应用、用户组、所属页面维度：有别名取别名，没有别名取维度上报值
  • 未解决告警等级：展示该应用、该页面下存在的未解决的告警等级分布，点击可下钻至告警页签查看
  • 卡顿类型/JS错误类型：展示各类型数量分布，点击可下钻至代码异常
  • 视图启动状态/H5页面加载状态：展示各状态数量分布，点击可下钻至检索中心

image-20260423154606428

操作​

原生视图、小程序视图关联的操作：

  • 在页面a中触发的操作b，未跳转新页面---》操作b算到页面a
  • 在页面a中触发的操作b，跳转到新页面c--》操作b应该算到页面a，操作b不会算到页面c下

image-20260423155418533

调用关系​

H5页面、单页面、原生视图、小程序视图调用关系展示的服务：只会展示页面本身请求关联的且满足端到端监控（开启了请求染色）的服务

image-20260423155606699

指标​

  • 预置指标：按照预置指标仓库中页面分类下的指标确定指标范围，再结合当前资源域生效的指标体系包含的指标取交集展示在页面详情页，展示当前指标体系下的存在的指标及对应分类
  • 自定义指标：如果相关实体有页面，则会按照当前生效的指标体系及分类进行展示。

image-20260423155724224

告警​

数字体验中页面的告警指：

  • 在告警规则中选了预置指标体系中页面分类的指标，分组页面、终端应用+其他维度（可以没有），则在是页面的告警
  • 选了非页面的指标，进行页面、终端应用+其他维度（可以没有），不算到页面的告警

image-20260423155758628

补充说明​

页面本身触发的请求包括：

  • 在页面a中通过页面本身触发的网络请求，请求和页面有关系—>网络请求算到页面a，标识该请求是通过页面本身触发
  • 操作a触发页面b，页面b触发网络请求c—>网络请求c会关联到页面b下，标识该请求是通过页面本身触发