支付宝小程序性能衡量

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

启动耗时定义

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

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



启动耗时统计口径

小程序启动耗时采用 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:按照支付宝的检测做了好多该指标的针对性优化,启动耗时还是降不下来怎么办?

目录
相关文章
|
9月前
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
157 10
|
9月前
|
小程序 JavaScript 前端开发
微信小程序利用key实现列表性能的提升
微信小程序利用key实现列表性能的提升
|
9月前
|
Web App开发 小程序 安全
支付宝小程序性能概述
支付宝小程序性能概述
119 11
|
10天前
|
小程序 前端开发 关系型数据库
基于Uniapp+php校园小程序,校园圈子论坛系统功能,校园跑腿二手交流功能设计
校园圈子论坛及综合服务平台集成了校园跑腿、兼职信息、外卖团购、闲置交换、租赁服务、表白墙等多功能模块,提供一站式校园生活解决方案。系统采用uniapp前端和PHP后端开发,支持多城市、多学校切换,配备分站式后台管理,确保稳定性和安全性。通过融云IM SDK实现即时通讯功能,增强用户互动与粘性。适用于大学校园、城市及社区圈子,满足多样化需求,提升便捷体验。
|
29天前
|
移动开发 小程序 前端开发
超详细攻略!uniapp陪玩系统,打包陪玩小程序、H5需要注意什么?
陪玩系统的打包过程涵盖APP、小程序和H5平台。APP打包需使用uni-app开发工具,配置项目信息并选择云打包;小程序打包需在微信公众平台注册账号并提交审核;H5打包则直接通过uni-app生成文件并上传至服务器。各平台需注意权限配置、代码规范及充分测试,确保应用稳定性和兼容性。
|
13天前
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
14 0
|
3月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
69 0
在线课堂+工具组件小程序uniapp移动端源码
|
4月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
520 3
|
4月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
81 0
微信小程序更新提醒uniapp
|
6月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
144 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目