如何利用性能优化驱动用户体验提升|学习笔记

简介: 快速学习如何利用性能优化驱动用户体验提升。

开发者学堂课程【如何利用性能优化驱动用户体验提升:如何利用性能优化驱动用户体验提升】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/938/detail/14724


如何利用性能优化驱动用户体验提升


内容介绍:

一、互联网激烈竞争,推动用户体验升级

二、什么是“用户体验评估”?

三、用户体验[ PTECH 模式]中性能体验成为首要评估内容

四、云拨测的概览

五、云拨测的应用场景


一、互联网激烈竞争,推动用户体验升级

在今天经济发展物质丰富以及互联网内卷的大环境下,以及体验经济和体验设计思路的双重作用下,互联网产品核心逐渐从工具转变为人。

可以看到,不管是传统企业要做数据化转型,还是互联网公司推出新的应用产品,都试图通过投入大量精力去提升用户体验,来获取更多、更持久的用户市场。

在这样的产品发展趋势下,用户体验的量化与评估亦成为不可忽略的行业需求,并得到越来越多产品决策层的关注。


二、什么是“用户体验评估”?

评估是什么?

评估这个词很容易理解,就是评价、估量和测算一个目标,即用户体验。

用户体验又是什么?

相信很多数字化产品的设计师或者产品经理都会立马回答:用户体验就是用户使用数字产品的主观感受。

总结,“用户体验评估”就是评价数字产品为用户带来的主观使用感受,主观使用甘薯是如何评估的?是否存在什么方式可以量化主观感受?这些网站研发与运维又有什么关系?


三、用户体验[ PTECH 模式]中性能体验成为首要评估内容

image.png

包括以下五部分:

1、Performance 性能体验

2、Task success 任务体验

3、Engagement 参与度

4、Clarity 清晰度

5、Happiness 满意度

在这五大类中,性能体验是首要需要评估的内容,针对用户体验的模型,除了常见的以用户为中心的应用分析以外,将APM(应用性能监控)纳入模型当中。实现在闭环下的体验洞察,让产品体验可度量,可优化,可监控。

1、Performance 性能体验

针对性能提升分享三组数据示例:

(1)谷歌报告显示,对比加载时间为5秒与19秒的网站,加载时间为5秒的网站平均会话时长增加70%,跳出率降低35%。既然网站优化能带来用户时长的提升和跳出率的降低,针对于网站优化运维团队一般会遇到两大难题:①运维团队该关注哪些核心性能指标,哪些指标直接影响网站加载速度?这些指标中,哪些是影响用户体验的关键?②挖掘出核心性能指标后,又该如何进行优化?

面对网站性能优化,我们该如何挖掘提升网站性能的关键指标从而提升网站的加载速度?

image.png

(2)速卖通,针对网站运营或者数字化产品而言,会定期做运营的活动,在运营活动中,运营活动一旦开展,瞬时会有大量的客户涌入,与平时用户量完全不在同水平上,造成整体网站性能加载延迟,业务服务卡顿等影响用户体验的问题。以速卖通为例,发现网站加载时间缩短36%,订单增加10.5%,新客转化增加2.7%。面对营销大促,运维团队需要提前了解:①当用户骤增时,网络、服务器等关键环节所能够承受的访问量,以及对网站访问造成何种影响。②网站在承受不断增加访问量的情况下,真实用户体验情况如何。

image.png

(3)主要结合 CDN 的场景,随着网站的图片、视频内容越发丰富,为了解决不同地区、不同运营访问速度慢的问题,非常多内容网站都在使用 CDN 服务,提高网站加载速度,降低贷款成本,增加可用性和冗余。针对全球内容网站实践发现,通过 CDN 优化及页面重建,等待时间缩短40%,SEO 流量增加15%,注册转化率提升20%。因此,保持 CDN 性能成为至关重要的工作。针对日常维护 CDN 性能,运维团队需解决:①如何判断出 CDN 对用户指向是否合理,包括区域及运用商的匹配度?是否达到业务的预期?②某些地区访问性能差,判断 CDN 是否达到近期访问原则?若没达到,如何证明?拿到证明才能推动 CDN 服务进行调整,如何判断是否备分配到了性能差的服务器上,从而指导 CDN 服务商进行调整,保证用户访问性能。③如何依据自身业务需求,选择 CDN 合适的供应商?

image.png

2、问题总结:

有没有一种方式,可以提前感知到线上业务是否健康?

线上业务我本地访问非常健康,为什么还有用户反馈体验不佳?

最近进行了技术以及业务迭代,是否达到预期目标,怎么可以指导真实用户的访问效果?

第三方服务如 CDN 加速服务,怎么把控他的质量?

想要优化自身网络以及前端用户体验,需要一个目标,但行业目前标准是什么样子,需要优化哪些方面?

3、如何挖掘【体验+性能】优化点成为运维与业务团队共同挑战

image.png

(1)面对不同团队而言,有不同的挑战。对于运维团队来说:

①现在的协议场景、平台、渠道等要求不断丰富,运维团队实现监控的手段比较困难。

②采购需要符合业务需求的 CDN 流量,如何提高性价比,减短其所耗时长。

③现有工具分析维度有限,数据报告粗糙,无法指导性能优化

(2)针对业务团队而言,所面对的挑战:

①传统方式无法满足业务大规模、多样化流量需求。

②传统方式无法模拟真人流量,反馈价格不高。

③需要运维团队协助开展测试,筹备时间长,易错失业务窗口期。

④运维指标与业务关联度低、颗粒度粗、挖掘优点困难。

(3)总结:是否存在一种工具可以从业务的角度上驱发,而且是一种急需急用的,不需要我们协调内部的资源,其本身可以实现灵活的设置,帮助我们解决挖掘体验和性能的优化点来推动业务团队或者运维团队进行优化。由此引入云拨测,它是目前解决该类问题的最有效的工具。


四、云拨测的概览

image.png

云拨测作为面向业务的非侵入式云原生监测产品。非侵入式即不需要在业务中侵入代码或者安装某些 agent 探针,实现对业务的监测。

云拨测运行的详细逻辑,即通过阿里云遍布全球的服务网络,模拟真实用户行为,全天气候持续监测网站及其网络、服务、 API 端口可用性与性能。实现页面元素级,网络请求级,网络链路细粒度问题定位。丰富的监测关联项与分析模型,帮助企业及时发现与定位性能瓶颈与体验暗点,压降运营风险,提升服务体验与效能。

总而言之,模拟真实用户从全球各个地区访问用户的网站,监测网站连通性和访问速度。


五、云拨测的应用场景

云拨测主要包括四大场景:

网络链路质量监控与评估主要解决如何有效验证全球各地用户的真实访问网站时的体验和遇到的问题?

营销活动页面监控与问题定位主要解决如何在营销活动前获取到目标用户的真实访问体验?

CDN  质量监控与优化主要解决如何有效验证全球用户的真实访问网站时遇到的 CDN 问题?

利用云拨测针对于竞品对比分析主要解决如何获取同行业净瓶的性能与体验水平?如何对比自身与竞品的差异?

image.png

1、应用场景一:某保险公司官网【网络链路质量监控与评估】

(1)场景&需求

保险公司业务范围覆盖全球,总客户数超过300万,官网是业务咨询、理赔、保险下单的重要入口。

经常收到各地客户投诉“网站不能正常访问”、“理赔页面打开缓慢”,但是本地验证时却可以正常访问,对于各个地区的用户而言,本地访问并不可以代表目标用户的访问,严重影响了用户满意度,客户转化率也出现下降。

(2)业务调度

结合客户需求,解决如何有效的验证全国各地用户所遇到的问题和测定真实用户体验。掌握全国不同城市的用户访问网站时真实性能与用户体验数据,为网站运营维护策略提供数据支撑,才能有效解决上述问题。

(3)最佳解决方案

针对其最佳的解决方案是使用云拨测,选取全国不同城市运营商监测点,设定浏览云拨测任务,模拟终端用户侧真实访问网站,验证网站的访问性能与用户体验问题,若出现严重性的问题,性能性的瓶颈,及时通知到运维团队,提升网站运营维护效率。

(4)关联到三个场景:

①网络出口监测

通过覆盖全国各大运营商节点 ping 和 tracert ,统计丢包和路由变化,来说明出口质量变化。

②运营商交割变更

通过覆盖全国运营商的节点访问应用页面的可用性来返现割接开始时间,运营商与客户互联网出口恢复时间,业务恢复时间。

③ DNS 与页面劫持

通过白名单发现 DNS 劫持,通过域名白名单发现内容劫持,作为劫持信息取证(无法直接豁免)

2、应用场景二:某电子商务服务商【营销活动页面监控与问题定位】

(1)场景&痛点

网站月活用户数超百万,用户群主要分布在全国三四五线城市,每年网站运营维护支出费用超过200万元。

大促阶段商品信息更新较频繁,更新后经常收到各地用户投诉“商品图片加载不出来”、“页面打开缓慢”,造成用户转化低、业务增长缓慢。

(2)业务洞察

针对此类情形下,应第一时间比用户更快,掌握全国不同城市运营商的用户真实访问体验数据,并精准定位到出现问题的具体是哪个图片,哪个页面,推动技术团队及时修复。

(3)最佳的解决方案

使用云拨测,选取全国不同城市运营商的监测点,设定浏览和网络任务,及时获取第一线的真实用户访问体验数据,精准定位出现问题的页面元素,帮助技术团队及时修复问题!

(4)关联场景

①压力测试

在企业的营销活动或新系统上线前,模拟峰值用户高并发访问,通过增加峰值压力,观察主要性能指标变化情况,挖掘性能瓶颈。

②首屏监测

即时监测功能可以立刻进行问题验证和故障复现,对网站性能进行评估与优化。

③竞品分析

收集分析同行业竞品营销活动性能情況,帮助企业了解竞品营销态势变化,进行针对性IT投入,弥补营销短板,稳固领先地位。

④事务流分析

了解用户真实体验流程,优化浏览路径,挖掘转化瓶颈环节,提升转化率。

3、应用场景三:某跨境电商【商品详情页性能分析和直播带货保障】

(1)场景&痛点

跨境电商也是运营页面的监测,主要监测商品详情页面,与电子商务服务商不同点在于,电商客户主要是面向欧美国家,在国内无法获知目标客户访问商品的页面速度,体验无法保障。在本地自家网站的访问速度肯定也在别地访问速度相比有差异,但是没有跨国之间较大

在直播带货时经常收到客户投诉“页面打开慢”、“下单提交不了”,严重影响成交量和直播带货效果。

(2)业务洞察

针对此类情景下,如何有效获取欧美用户对商品详情页面的连通性和访问速度,进而指导研发进行优化?如果直播带货及时感知商品页面访问慢和连通性问题,进而快速采集措施,尽量降低对直播带货成交量的影响。

(3)最佳的解决方案

从两方面入手:直播带货选取海外目标市场的真实用户监测点,设定浏览器拨测任务,获取第一线的真实用户访问体验数据,指导技术团队进行性能优化,另一方面直播带货时,设置定时任务自动拨测商品页面,并设置可用性和访问速度警告,一旦出现可用性和访问慢的问题及时通知技术保障团队采集措施进行优化。

(4)关联场景

①海外用户页面性能优化和故障及时告警

针对于海外目标市场,选择对应的正式用户监测点,创建浏览任务对目标网页进行拨测,获取性能相关指标 ,指导技术团队进行优化,同时当出现可用性问题或访问速度慢等问题上通过告警渠道及时通知技术团队,快速采取措施,尽量降低对用户的影响。

4、应用场景四:某大型线上生活服务机构【竞品对比分析】

(1)场景&痛点

网站日活用户超过1000万,用户覆盖全国各省市,每年网站运营维护支出费用数千万元。

行业竞争激烈,用户经常因为“访问网站等待时长”等用户体验问题转而选用其他厂商的服务,用户流失情况严重。

(2)业务洞察

针对此情景下,如何获取同行业竞品的性能与体验水平?如何对比自身与竞品的差异?只有从终端用户视角,对自身应用和竞品应用进行对比,时刻掌握竞品性能与体验差异,做出更具优势的竞争策略。

(3)最佳解决方案

使用云拨测,以终端用户视角进行竞品应用对比,主动拨测,从地域、运营商、时间趋势、问题占比等多个维度组合分析,时刻掌握竞品性能与体验差异指标,与运营团队做对接,推动产品与服务迭代,使其网站访问体验和打带速度处于领先水平,阻断用户流失。

(4)关联场景

①竞品分析

收集分析同行业竞品性能情况,帮助企业了解行业内态势变化,进行针对性IT投入,弥补短板,稳固行业领先地位。

5、总结

针对于云拨测提升整体的网站的性能和用户的体验优化。

相关实践学习
通过轻量消息队列(原MNS)主题HTTP订阅+ARMS实现自定义数据多渠道告警
本场景将自定义告警信息同时分发至多个通知渠道的需求,例如短信、电子邮件及钉钉群组等。通过采用轻量消息队列(原 MNS)的主题模型的HTTP订阅方式,并结合应用实时监控服务提供的自定义集成能力,使得您能够以简便的配置方式实现上述多渠道同步通知的功能。
相关文章
|
12月前
|
存储 数据可视化 C#
三维基因组:multiHiCcompare 差异分析
三维基因组:multiHiCcompare 差异分析
404 13
三维基因组:multiHiCcompare 差异分析
|
移动开发 JavaScript 前端开发
精通服务器推送事件(SSE)与 Python 和 Go 实现实时数据流 🚀
服务器推送事件(SSE)是HTML5规范的一部分,允许服务器通过HTTP向客户端实时推送更新。相比WebSocket,SSE更轻量、简单,适合单向通信场景,如实时股票更新或聊天消息。它基于HTTP协议,使用`EventSource` API实现客户端监听,支持自动重连和事件追踪。虽然存在单向通信与连接数限制,但其高效性使其成为许多轻量级实时应用的理想选择。文中提供了Python和Go语言的服务器实现示例,以及HTML/JavaScript的客户端代码,帮助开发者快速集成SSE功能,提升用户体验。
|
存储 SQL 消息中间件
ClickHouse(12)ClickHouse合并树MergeTree家族表引擎之AggregatingMergeTree详细解析
AggregatingMergeTree是ClickHouse的一种表引擎,它优化了MergeTree的合并逻辑,通过将相同主键(排序键)的行聚合为一行并存储聚合函数状态来减少行数。适用于增量数据聚合和物化视图。建表语法中涉及AggregateFunction和SimpleAggregateFunction类型。插入数据需使用带-State-的聚合函数,查询时使用GROUP BY和-Merge-。处理逻辑包括按排序键聚合、在合并分区时计算、以分区为单位聚合等。常用于物化视图配合普通MergeTree使用。查阅更多资料可访问相关链接。
1038 4
|
缓存 前端开发 JavaScript
高级前端常见的面试题?
【7月更文挑战第11天】 **高级前端面试聚焦候选人的技术深度、项目实战、问题解决及技术趋势洞察。涉及React/Vue生命周期、Redux/Vuex状态管理、Webpack优化、HTTP/HTTPS安全、性能提升策略、PWA、GraphQL、WebAssembly、安全性议题及项目管理。通过回答,展现候选人技术广度与应对复杂场景的能力。**
836 1
|
Kubernetes 安全 Linux
在K8S中,calico和cilium这两种cni有什么区别?cailico的ipip模型和ciliume的vxlan模型,两种不通模型性能也不同,它们怎么处理数据的?
在K8S中,calico和cilium这两种cni有什么区别?cailico的ipip模型和ciliume的vxlan模型,两种不通模型性能也不同,它们怎么处理数据的?
|
安全 5G 网络安全
什么是无线广域网 (WWAN) ?
【4月更文挑战第12天】
2135 0
什么是无线广域网 (WWAN) ?
|
数据采集 数据可视化 Java
分享66个Python爬虫源码总有一个是你想要的
分享66个Python爬虫源码总有一个是你想要的
1263 1
|
搜索推荐 Windows
让你的电脑准时“打个盹”:Win10定时休眠
木头左教你设置Windows 10任务计划程序,让电脑定时休眠,节约能源又呵护健康。首先确保休眠功能开启,然后在任务计划程序创建新任务,命名如“定时休眠”,设置触发时间和操作(cmd.exe /c shutdown -h)。可高级定制,如条件触发或异常处理。跟着步骤实践,解决常见问题,打造个性化自动休眠计划。记得谨慎操作哦!
|
Web App开发 关系型数据库 MySQL
webserver如何从零开始?
webserver如何从零开始?
|
消息中间件 负载均衡 Java
RocketMQ结合实际场景顺序消费,它是如何保证顺序消费的?
RocketMQ结合实际场景顺序消费,它是如何保证顺序消费的?
RocketMQ结合实际场景顺序消费,它是如何保证顺序消费的?

热门文章

最新文章