带你读《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对象)映射成数据库中的记录。
210 59
|
Docker 容器
docker镜像加速问题
docker镜像加速问题
3306 1
docker镜像加速问题
|
Linux 芯片
Linux音频采集和在国产化平台中遇到的坑(二)
Linux音频采集和在国产化平台中遇到的坑(二)
772 0
|
JavaScript
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之声明、数据类型、函数、类的详讲
294 0
|
JavaScript 前端开发
vue中如何实现多个元素或组件的过渡动画?
vue中如何实现多个元素或组件的过渡动画?
248 0
滚动截取页面图片
滚动截取页面图片
190 0
vue3循环套循环渲染数据(v-for)
vue3循环套循环渲染数据(v-for)
244 0
|
人工智能 JSON 自然语言处理
|
弹性计算 Ubuntu 安全
如何选择阿里云ecs服务器操作系统?阿里云操作系统说明指南 - 阿里云最新建站
随着网站服务器技术的发展,越来越多的站长建站首先选择云服务器。时下阿里云云服务器ECS脱颖而出,成为多数站长网站服务器的首选。那么对于刚刚接触云服务器的站长来说,如何选择适合网站的阿里云云服务器ECS操作系统,阿里云云服务器ECS的操作系统有什么区别,阿里云linux服务器和windows服务器有何不同呢。
|
C#
WPF 自定义控件的坑(蠢的:自定义控件内容不显示)
原文:WPF 自定义控件的坑(蠢的:自定义控件内容不显示) 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/koloumi/article/details/73915903 自定义控件不显示内容 由于工作需要在写WPF,其中想要实现一些自己的控件所以直接自定义了控件博主是继承了ContenControl的控件开始写的但是发现不管设置Content属性为任何都是不显示。
1808 0

热门文章

最新文章