支付宝小程序性能衡量

简介: 支付宝小程序性能衡量

启动耗时定义

为了更贴合用户体感,支付宝小程序启动耗时记录的是首屏耗时(或称「体感耗时」)是指用户从点击小程序到首屏页面绘制完成、达到可交互状态的耗时时长。一个小程序页面的加载性能怎么样,就是看从开始加载到首屏内容显示出来需要经需要多长时间,所以有了首屏耗时这个指标来衡量性能。

再次重申“首屏”的含义,其表达的是用户看到小程序呈现出来的首个完整页面,非特指小程序的“首页”。具体说明可回到 小程序性能概述 中查看



启动耗时统计口径

小程序启动耗时采用 T2 指标进行拟合,T2指标结束时间点为首屏资源加载完毕的时间点。



启动耗时的计算方式

T2 耗时的计算是以回溯方式进行。从页面打开到页面渲染完成,UC 会记录每一帧时间戳,结束后再进行逐帧比对,直到页面首屏区域全部渲染显示,T2 耗时计算完毕。

“页面首次有内容显示”的时间点,UC 将其定义为 T1。在弱网占比较高的过去,T1 还是有较大的性能衡量价值,而当前 T1 衡量的权重已没弱网络时代那么高了,衡量体系已经快速偏向 T2。



影响启动耗时的因素

可控:除了业务可控因子,如版本包体积大小、API接口耗时、网络请求耗时等(性能优化详见 小程序性能优化原理及手段


不可控:能影响线上启动耗时的因素,,还会有

  • 机型设备(HUWEI、MI、OPPO ...)
  • 操作系统(iOS、Android ...)
  • 网络环境(WiFi、5G、4G、3G、2G ...)
  • 启动场景(冷启动、热启动 ...)
  • 小程序版本

小程序「质量洞察」 上统计的启动耗时是整合所有线上用户的机型、设备、系统、网络等各种因素得到平均值,也包括冷、热启动。

后续讨论启动耗时的优化只论述小程序冷启动场景,暂不包括小程序后台切前台的热启动。



FAQ

Q:首屏弹框不处理会增加启动耗时吗?

A:如果弹框中有图片的话,会增加到启动耗时中,没有图片则不会算到启动耗时中,例如 SVG 和 CSS 之类的不算到启动耗时中。


Q:工具(全息检测、性能调试、商家自检)里面的启动耗时数据为什么和质量洞察不一致?

A:质量洞察中统计的启动耗时是所有线上用户使用场景的综合平均。全息检测、性能调试、商家自检均是线下指定机型、指定网络、指定页面的单次测试值,数据自然会与线上有出入,但是检测出来的优化项都是可以作为性能优化的参考点。


Q:开发者如何知道哪些页面算入到首屏耗时统计中?

A:可在云监控中插件,云监控中展示了首屏页面的路径、耗时和流量,开发者可根据监控数据,结合工具给出的优化手段,制定符合自身业务的性能优化策略。


Q:如果开发者觉得数据不准怎么办?

Q:按照支付宝的检测做了好多该指标的针对性优化,启动耗时还是降不下来怎么办?

目录
相关文章
|
6月前
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
119 10
|
6月前
|
小程序 JavaScript 前端开发
微信小程序利用key实现列表性能的提升
微信小程序利用key实现列表性能的提升
|
6月前
|
Web App开发 小程序 安全
支付宝小程序性能概述
支付宝小程序性能概述
102 11
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
213 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
48 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
104 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
3月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
103 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
3月前
|
存储 小程序 JavaScript
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
62 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
82 7