# 启动性能分析

小程序启动是小程序用户体验中极为重要的一环,启动耗时过长会造成小程序用户流失,影响用户体验。 一般来说优化小程序启动性能,是针对耗时更长的 冷启动 性能进行优化。

而在小程序启动流程中,代码包准备小程序代码注入首页渲染耗时是与小程序本身相关的,开发者可以进行一定的优化工作。

在冷启动中,两种最常见用户场景是:

  • 用户首次访问(需下载代码包)
  • 用户非首次访问(已下载代码包)

启动性能分析专项测试,通过多次测试以上两种情况,分析小程序在以上三个阶段的启动耗时情况,帮助用户针对性的提升启动性能。

为了让用户多多体验启动性能分析能力,每个项目可首次免费提测启动性能分析任务。

# 快速开始

进入云测服务后,在页面的右上方点击 新建任务,测试类型选择 启动性能分析,选择测试平台,点击立即创建即可创建新的任务。

任务启动后,会分别执行10次用户首次访问以及非首次访问的小程序启动情况,用户可以通过查看报告看到启动性能测试详细情况。

# 查看报告

任务结束后,用户可以通过在测试任务页面直接点击查看报告按钮进入报告页面。

报告详细展示了用户首次访问(需下载代码包)以及用户非首次访问(已下载代码包)两种情况的测试结果,并通过时序图展示了平均耗时情况分布,让用户可以清晰看到耗时分布情况,找到性能瓶颈

此外,报告还给出了优化建议,帮助用户针对性地提升小程序启动性能。

详情可参考启动性能报告示例

# 进阶使用--支持分析指定页面

启动性能分析一般是分析小程序首页的性能。现在云测也支持分析用户指定的页面,具体使用方法如下:

# 1. 在测试计划中,配置指定页面信息

用户可以在左侧导航栏中,可前往 测试用例管理 => 测试计划 ,新增指定页面的测试计划

# 2. 提交任务时,选择指定测试计划

在提交测试任务时,选择在步骤1中配置的测试计划

# 3. 查看报告

测试报告中,支持用户查看配置页面信息

此外,用户可以通过 分次拉起小程序详情 中的 拉起后截图,查看页面截图

# 改进建议

一般来说,开发者可以利用下表中提到的几个方面,对启动性能进行优化

关键指标 优化建议
代码包准备 使用分包加载
避免使用非必要的全局自定义组件和插件
压缩资源文件或将资源文件放到CDN
删除没有使用的文件或者模块
代码注入 开启按需加载
减少生命周期中的同步API调用
避免进行复杂的运算逻辑
首页渲染 初始渲染缓存
避免引用未使用的自定义组件
精简首屏数据
提前首屏数据的请求
缓存请求数据
使用骨架屏

# 需要帮助