带你读《2022技术人的百宝黑皮书》——驱动页面性能优化的3个有效策略(4)

简介: 带你读《2022技术人的百宝黑皮书》——驱动页面性能优化的3个有效策略(4)

带你读《2022技术人的百宝黑皮书》——驱动页面性能优化的3个有效策略(3) https://developer.aliyun.com/article/1242709?groupCode=taobaotech




三个指标


结合天猫淘宝、以及集团其他部门的


image.png


性能黑榜


为何要用性能黑榜来作为主要发现手段?我们通常可推理得:

1. 排在性能黑榜前列的,必然是性能问题最突出的,相对方便分析

(可根据各自业务,加个样本量的筛选,如我们看每日pv 10w以上的)

2. 再结合样本量(pv正相关)数据,样本量非常大的,性能优化的收益必然也是非常大

3. 模块化组件开发盛行的今天,优化某个模块或场景的问题,收益点不仅仅在当前页面,也在其他用了同样模块或场景的页

4. 榜单形式,更能引起老板、对应前端负责同学、对用户体验关注的同学的重视


整体性能趋势分析


整体趋势分析,即是为在整体角度,看我们的页面性能趋势,它是重要的度量指标。


这里我们把所有的流量都纳入,没有页面的区分,为的是基于用户维度,流量大的页面权重自然会更大。


image.png

从上图看,1月初到2月中旬的数据正在持续恶化,必须要采取措施治理!


性能问题的分析


(下文以2022年2月A频道页面为例,均为dummy仿造后数据,也不代表整体情况)


如何衡量性能问题严重性


衡量性能问题严重性,是为了让大家意识到优化的必要性,以及急迫性


进入性能黑榜前几名

同性能黑榜章节,不赘述




带你读《2022技术人的百宝黑皮书》——驱动页面性能优化的3个有效策略(5) https://developer.aliyun.com/article/1242706?groupCode=taobaotech

相关文章
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(4)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(4)
116 0
|
7月前
|
存储 缓存 监控
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(场景问题分析+性能影响因素)
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(场景问题分析+性能影响因素)
123 0
|
算法
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(3)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(3)
|
网络协议
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(2)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(2)
135 1
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(6)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(6)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(5)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(5)
117 1
|
SQL 缓存 JSON
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(1)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(1)
167 1
|
API Android开发 iOS开发
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
183 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
|
存储 小程序 异构计算
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
233 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
|
存储
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(3)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(3)
175 0