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

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 带你读《2022技术人的百宝黑皮书》——驱动页面性能优化的3个有效策略(3)

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




性能数据的采集


几个名词解释


ARMS前端监控专注于对Web场景、小程序场景的监控,从页面打开速度(测速)、页面稳定性(JS诊断错误)和外部服务调用成功率(API)这三个方面监测Web和小程序页面的健康度。


SLS日志服务为Log、Metric、Trace等数据提供大规模、低成本、实时的平台化服务。日志服务一站式提供数据采集、加工、查询与分析、可视化、告警、消费与投递等功能。


ODPS即MaxCompute,是适用于数据分析场景的企业级SaaS模式云数据仓库。


FBI是阿里内的智能大数据分析和可视化平台,下面的所有截图都是在FBI平台配置图表而成,还未对外开放。


全过程


arms-sdk结合前端的自定义埋点,在海量用户访问的同时,就会自动上报数据到sls日志库,整体过程如下图:


image.png


1. 针对H5搭建页的埋点,使用通用方案,一次性埋点即可,前端后续无需额外埋。

2. sls日志报表查实时数据,用于实时分析,实时验证。

3. ODPS数据长期存储已计算完指标的数据,用于记录、比较、趋势分析。


性能指标的确定


统计范围--用户视角


所有前台页面,每个用户每次浏览的有效数据(完全加载<15s 内有效)


指标的影响因子:从用户视角,页面流量越大,则对整体数据的影响越大(也就是权重越大)


这样做的好处:流量越大数值越严重的,优化的效果(正反馈)越明显,确定了治理性能问题的优先级。




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

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(4)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(4)
116 0
|
7月前
|
存储 缓存 监控
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(场景问题分析+性能影响因素)
【分布式技术专题】「缓存解决方案」一文带领你好好认识一下企业级别的缓存技术解决方案的运作原理和开发实战(场景问题分析+性能影响因素)
123 0
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(6)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(6)
|
网络协议
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(2)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(2)
135 1
|
算法
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(3)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(3)
|
SQL 缓存 JSON
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(1)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(1)
167 1
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(5)
带你读《2022技术人的百宝黑皮书》——性能优化之接口优化(5)
117 1
|
API Android开发 iOS开发
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
183 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(4)
|
存储 小程序 异构计算
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
233 0
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(1)
|
移动开发 小程序 前端开发
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(6)
带你读《2022技术人的百宝黑皮书》——内存优化: 纹理压缩技术(6)
168 0