【异常监控】加载时跳出率

什么是加载时跳出率：

用户在页面加载并渲染完成之前退出，我们称这种行为为加载时跳出。

加载时跳出率是指这个页面加载时跳出的次数占总访问次数的百分比。

加载时跳出率衡量了因加载性能问题而导致的用户流失比例，是反映加载性能对用户体验影响的重要指标。

加载时跳出率与跳出率的区别

1. 跳出率

定义：跳出率指单页访问次数或访问者从进入（目标）页离开网站的访问次数百分比。

公式：Bouce Rate= 单页访问者 / 总访问者数量

「跳出率」侧重点在于分析一个页面的内容是否能留住用户继续使用网站，而不是关闭页面离开网站。

2. 加载时跳出率

侧重点在于分析一个页面加载性能是否太糟糕，从而导致用户等待的不耐烦而关闭退出页面。

如何计算加载时跳出率

通过上报用户的加载时跳出行为日志，再将总的加载时跳出次数除以页面总的访问 PV 数就可以得到加载时跳出率指标。

加载时跳出率 = 加载时跳出次数 / 总 PV

用户访问页面的两种方式

• 直接通过服务端路由切换的同步跳转场景；
• 通过客户端路由跳转的 SPA 页面切换场景；

服务端

以页面的 window.onload 时间为截至点，如果在 window.onload 事件触发之前页面关闭，则视为加载时跳出。

SPA 路由切换

在使用SPA 时，刚开始页面会请求一些接口来渲染页面，页面会出现loading，在页面数据没有渲染回来之前，关闭页面，我们可以算成加载时跳出页面行为

如何降低加载时跳出率

• 合理的拆包，组件、包等按需加载
• 渐进式渲染页面内容，在不影响产品逻辑与体验的情况下尽量将页面分为多个独立的区域，分别控制加载与 Loading，让用户尽可能快的先看到一部分内容
• 在需要加载非常多资源的页面给用户显示友好的 Loading 动画，降低用户的等待焦虑