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

简介: 带你读《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

相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
相关文章
|
运维 安全 Cloud Native
国产Linux:OpenEuler能否完美替代CentOS系统?
本文讨论了OpenEuler系统作为替代CentOS的一个有潜力的选择。OpenEuler系统是一种基于开源技术和社区支持的Linux发行版,具有许多优势,如安全性、高度可定制性、强大的社区支持、容器和云原生生态系统集成以及持续更新等。与CentOS相比,OpenEuler系统提供更多的灵活性和可定制性,适用于各种用途和工作负载。但在选择OpenEuler系统时,用户需要进行仔细评估并考虑其适用性和可行性。
|
3月前
|
存储 安全 JavaScript
零基础搞定 OpenClaw 部署:Windows 10/11 本地安装全攻略(重点解决下载报错)
本文为零基础用户量身打造的OpenClaw(小龙虾)Windows 10/11本地部署全攻略,聚焦高频“当前不支持该文件类型”下载报错,详解下载、解压、安装、排查全流程;突出本地存储、零代码、免配置、多场景自动化等核心优势,新手5–10分钟即可完成部署并上手办公自动化。
|
10月前
|
人工智能 边缘计算 运维
AI守护隐私?边缘计算设备的“护城河”原来可以这么建
AI守护隐私?边缘计算设备的“护城河”原来可以这么建
459 0
|
4月前
|
自然语言处理 测试技术 API
动动嘴就能编程!阿里云千问Qwen3.5-Omni发布:全模态全球最强,支持113种语言,免费体验
阿里云发布全模态大模型Qwen3.5-Omni官网:https://t.aliyun.com/U/JbblVp 测试全球第一,支持113种语言识别与36种语音合成,首创“音视频Vibe Coding”——对镜头口述需求即可生成APP/网页/游戏代码。免费开放体验,开发者可通过阿里云百炼调用API。
3076 2
QGS
|
缓存 JavaScript 开发者
小白浅学Vue3(中)
小白浅学Vue3
QGS
257 0
|
程序员 Python
PYTHON知识点学习-函数(中)
PYTHON知识点学习-函数(中)
256 0
|
存储 自然语言处理 数据可视化
在线知识图谱可视化工具
知识图谱是将现实世界中的实体及关系抽象成数学模型,并以这种数学模型来表达现实世界中的事物。在线知识图谱通过一系列算法,对海量数据进行关联和挖掘,发现其中蕴含的关系和规律,从而形成具有意义的知识结构,通过可视化图形来展示,使得不同类型的用户都能快速理解、理解并学习到数据背后的知识。
|
缓存 网络协议 网络安全
使用浏览器浏览网页时发生了什么?
使用浏览器浏览网页时发生了什么?
168 0
|
存储 网络协议 开发工具
[笔记]深入解析Windows操作系统《一》概念和工具(二)
[笔记]深入解析Windows操作系统《一》概念和工具(二)
480 0