工具概述

启动性能分析工具是一款用于分析、提升小程序启动性能的自动化工具。相比与其他的性能检测工具，它具有如下的特点：

真机运行：能够真实地反映小程序性能情况。

启动性能分析工具会将百度 app 启动小程序过程中收集的性能数据传输至前台并分析展示出结果。所有数据如实地反映了当次小程序启动时的情况，是真实可靠的。

有效易用：能够帮助开发者较容易地找到小程序的性能瓶颈并优化。

在 FMP 面板，启动性能分析工具会将小程序的启动流程可视化地展示成时序图。根据时序图中各个阶段的耗时或比例，可以较容易地判断出小程序的性能瓶颈是什么；在 swan API 面板，开发者可以查看是否存在 API 调用耗时过久或同一 API 重复调用；在 setData 面板，开发者可以判断出 setData 是否调用过于频繁或渲染时间较长，以进行优化。

功能完备：几乎所有的性能问题都能从工具上发现并优化。

启动性能分析工具，会尽可能收集所有可能会对小程序性能有影响的数据，并做可视化展示，包括图片、setData、swan API 统计等。开发者可以方便地查看，在这次小程序启动期间，逻辑层和渲染层在不同时间阶段的运行状况。

在开发者工具中启动性能分析工具

前置条件

  • 开发者工具版本不低于 3.17.1
  • 百度 app 版本不低于 12.1
  • 开发者登录开发者工具，并打开有开发权限的小程序项目
  • 开发者登录百度 app，该账户有小程序的开发权限

使用流程

  1. 打开小程序项目，点击工具栏中的“性能工具”按钮或进入编辑器中的“实验室” → “性能工具”页面

    工具概述 - 图1

  2. 选择想要进行性能检测的页面路径，按需填写页面参数

    工具概述 - 图2

  3. 点击“生成二维码”按钮后，使用百度 app 扫描二维码

    工具概述 - 图3

  4. 小程序打开后，点击右上角三个点，点击弹出层中的小程序名称，进入小程序信息页

    工具概述 - 图4

  5. 在小程序信息页中点击“打开性能工具开关”

    工具概述 - 图5

  6. 返回到小程序页面（如果没有返回到小程序页面，需要重新扫码），等待性能数据上传到后台

    工具概述 - 图6

  7. 待工具获取到性能数据后，会提示性能数据收集完毕，点击“查看”按钮打开性能结果页面

    工具概述 - 图7

    FMP

通过上述流程，我们可以看到收集到的小程序启动性能数据。接下来将会解释工具各个面板的功能，然后会从一个简单而典型的小程序着手，介绍如何使用性能工具来优化小程序的线上性能。

如果想要了解更多的性能指标数据的定义与数据收集方式的内容，可以参考性能指标的收集与计算方式。