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

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

作者:钱文玲(悠酱)

出品:大淘宝技术


测试通过发现、分析、验证三板斧,驱动推进页面性能优化快速有效,在业务方或其他同学提过来之前,我们都已经发现并有了分析,在优化节奏上更具有主动性。


背景


前端性能优化的业务意义


前端的本质价值是什么?我认为是给用户创造良好的交互体验。

前端性能对用户体验、对业务跳失率的影响,在业界已有共识,不言而喻。


根据 Google 的数据,

如果移动站点的加载时间超过 3 秒,53% 的用户会放弃访问;

加载时间从 1s 延长到 3s 时,跳失率增加32%;

加载时间从 1s 延长到 5s 时,跳失率增加90%;

——用户还没看到辛苦优化的页面,就走了一部分 。


image.png

(参考文末链接)


抵达率优化应该在转化率之前,用户能够正常访问网页,网页的内容才能产生价值。所以在优化着陆页内容、提高转化率之前,要先保障抵达率。抵达率太低,哪怕页面转化100%,整体的转化效果也会很差。


测试把控难点


1. 现在流行的,运营自行搭建页面+自行多端投放方式,使我们的不可控。

2. 原先发现性能问题主要通过感受+性能跑测数据,或者运营以业务要挟、或者质疑受机器等因素影响、或者相互推诿主要瓶颈点,使优化无法落实。

3. 部分性能优化困难,影响性能点比较复杂,实行优化的收益不可预知,也阻碍了优化的落实。


前端性能优化 测试视角的解法


很多人都以为,前端性能优化,重点在“前端”优化,“测试”很难起到主导作用。试着换个角度,从整个研发团队视角看,前端做运动员专项治理,测试做裁判员专项评测,这套机制,是否更能切实做到优化,达成的数据也更让大家信赖?再者,测试不止局限于此,还可做队医、分析师......




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

相关文章
|
SQL 缓存 Java
持久层框架MyBatis
MyBatis是一款优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。MyBatis避免了几乎所有的JDBC代码和手动设置参数以及获取结果集的操作。MyBatis可以使用简单的XML或注解进行配置和原始映射,将接口和Java的POJOs(Plain Old Java Objects,普通的Java对象)映射成数据库中的记录。
171 54
|
9月前
|
Docker 容器
docker镜像加速问题
docker镜像加速问题
2976 1
docker镜像加速问题
|
前端开发 安全 Java
如何进行代码混淆?方法与常见工具介绍
如何进行代码混淆?方法与常见工具介绍
428 0
|
JavaScript
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
250 0
|
JavaScript 前端开发
vue中如何实现多个元素或组件的过渡动画?
vue中如何实现多个元素或组件的过渡动画?
219 0
滚动截取页面图片
滚动截取页面图片
151 0
|
Linux 芯片
Linux音频采集和在国产化平台中遇到的坑(二)
Linux音频采集和在国产化平台中遇到的坑(二)
679 0
vue3循环套循环渲染数据(v-for)
vue3循环套循环渲染数据(v-for)
222 0
|
人工智能 JSON 自然语言处理