带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(3)

本文涉及的产品
应用实时监控服务-应用监控,每月50GB免费额度
应用实时监控服务-用户体验监控,每月100OCU免费额度
简介: 带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(3)

带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(2)https://developer.aliyun.com/article/1340942?groupCode=taobaotech


可视算法初步演变

 

算法就此而止步了吗?其实并没有,我们认识到元素是有差异的,不能同一标准而视之,同时我们在计算方式也在做新的尝试。

 

在手淘中,又孵化出另一种计算方式:将所有合格 View 的面积累加起来,计算出来的面积占整个屏幕的面积占比就是加载比率,当加载比率超过 80%,就认为页面可视了。

 

 

image.png

 

针对 View 不再是无差别计算,我们有了更细的规则:

  1. View 在全部或者部分在屏幕范围内,且 Visibility 必须为 View.VISIBLE
  2. 只针对 View 进行计算,ViewGroup 不在计算范围之列,且不是 ViewStub
  3. 如果是 ImageView,Drawable 必须为 BitmapDrawable、NinePatchDrawable、AnimationDrawable、PictureDrawable
  4. 如果是 TextView,必须要有文字
  5. 如果是 EditText,判断是否已经聚焦,如果聚焦,整个页面直接加载完成
  6. 其他 View 默认加载完成

 

 

从1到2:Native页面校准

 

经过 APM 前期的发展,基础的页面加载耗时已经有了,但是准确性上还有待提高。

 

image.png

 

为了更为接近用户体验,我们决定对所有核心链路上的页面加载耗时进行校准(这里的用户体验终点即页面呈现完成)。其中心是对页面视图的理解:什么样的视图是用户关心的?什么视图是影响用户体感加载耗时的?

 

从这个角度上,校准的核心动作就呼之欲出了:提取视觉有用的有效元素出来计算,剔除用户不能感知的无效元素。

 

带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(4)https://developer.aliyun.com/article/1340940?groupCode=taobaotech

相关实践学习
通过云拨测对指定服务器进行Ping/DNS监测
本实验将通过云拨测对指定服务器进行Ping/DNS监测,评估网站服务质量和用户体验。
相关文章
|
监控 Android开发 UED
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(1)
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(1)
192 0
|
算法 数据处理 UED
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(4)
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(4)
113 0
|
数据处理
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(6)
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(6)
112 0
|
算法 Android开发 容器
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(2)
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(2)
153 0
|
数据处理 Android开发
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(5)
带你读《2022技术人的百宝黑皮书》——APM 页面加载耗时校准(5)
124 0
|
1月前
|
移动开发 监控 Android开发
Android & iOS 使用 ARMS 用户体验监控(RUM)的最佳实践
本文主要介绍了 ARMS 用户体验监控的基本功能特性,并介绍了在几种常见场景下的最佳实践。
|
3月前
|
运维 监控 数据可视化
ARMS的微服务监控
【8月更文挑战第23天】
74 6
|
6月前
|
监控 Java 索引
APM Server监控
APM Server监控
|
3月前
|
监控 前端开发 JavaScript
ARMS的Web应用监控
【8月更文挑战第23天】
64 8
|
3月前
|
监控 JavaScript 前端开发
ARMS的移动应用监控
【8月更文挑战第23天】
70 6