支付宝小程序性能概述

简介: 支付宝小程序性能概述

概览

支付宝小程序性能是指在支付宝APP中,小程序加载和呈现的速度。性能是创造良好用户体验的基本要素。用户会期待小程序运行良好,当用户进入小程序时,良好的性能可以快速加载页面,若性能欠佳,加载和呈现的速度过慢,则用户不得不等待,从而导致用户流失。


性能优化意义

降低折损率

用户折损率是指用户离开小程序占比,小程序折损率越高,则表示用户流失情况越严重。

从支付宝性能统计数据中发现,用户折损率与小程序首屏耗时呈正相关,首屏耗时过长,用户流失率升高,用户对小程序黏性降低,当小程序启动耗时超过 4.2s 时,用户折损率将高达 17%。

因此,缩短小程序启动耗时,将有效降低用户折损率,可以更好的留住用户。


提升小程序健康分

衡量用户体验的基本要素,除去白屏、闪退等关键指标外,首屏启动耗时也是提升用户体验的一项关键因子。在支付宝 小程序健康分介绍中,明确将「启动耗时」纳入到质量体验的考核范畴,并拟定了对应的评级标准。


性能概述

启动耗时定义

支付宝小程序启动耗时记录的是首屏耗时是指用户从点击小程序到首屏页面绘制完成、达到可交互状态的耗时时长

此处需要开发者重点理解“首屏”的含义,其表达的是用户看到小程序呈现出来的首个完整页面,故不仅包含小程序首页,还包含用户点击小程序直接进入的活动页,或者用户直接进入的二级页也可纳入到“首屏”的范畴。

记录首屏耗时更贴合实际,更能反馈用户体感认知,故小程序启动耗时也被称之为体感耗时。


启动耗时衡量

支付宝将启动耗时这一指标简称为T2,由 UC 内核回溯计算,详情说明在 小程序性能衡量 中予以介绍。


工具概述

  • 全息检测
  • 全息检测是对小程序质量和体验问题进行检测的工具。它会在小程序运行过程中从性能、源码安全、源码质量、业务合规、稳定性,五个维度对小程序进行全面检测分析,同时针对发现的问题给出相应的优化建议,用于帮助开发者提前发现和定位可能影响小程序提审和体验的问题,以提高审核通过率和服务体验。
  • 操作文档:全息检测操作文档
  • 性能调试
  • 小程序性能调试可在使用小程序开发者工具开发小程序时,无需连接数据线,通过扫码即可在真机上进行小程序性能调试。调试过程中,工具可以对采集到的性能数据进行分析,并针对检测到的性能问题给出相应的优化建议。这个功能使得开发者在小程序开发阶段就可以随时在本地进行性能调优,进而提升小程序的性能体验。

         说明:内存不足会导致小程序偶现卡顿,建议清理内存并通过性能调试进行自查。

目录
相关文章
|
9月前
|
Web App开发 小程序 前端开发
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
【产品上新】小程序新内核来了!提升安卓浏览器性能,支持WebRTC
157 10
|
9月前
|
小程序 JavaScript 前端开发
微信小程序利用key实现列表性能的提升
微信小程序利用key实现列表性能的提升
|
9月前
|
Web App开发 监控 小程序
支付宝小程序性能衡量
支付宝小程序性能衡量
100 0
|
JSON 移动开发 JavaScript
【微信小程序 | 实战开发】ES5、ES6概述和新特性介绍
【微信小程序 | 实战开发】ES5、ES6概述和新特性介绍
735 0
【微信小程序 | 实战开发】ES5、ES6概述和新特性介绍
|
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