微信小程序性能测试——启动性能专项测试

article/2025/11/10 5:13:37

微信小程序性能测试主要可以分为两个方面,启动性能运行时的性能

其中 小程序启动 是用户体验中极为重要的一环,启动耗时过长会直接造成小程序用户流失,影响用户体验。一般来说用户等待时间超过3秒,用户就有很大概率放弃等待,尤其是在广告场景,小程序的打开速度尤为重要,如果是按点击收费的广告,用户点击之后,却没有进入小程序,意味着你付出了广告费,却没有收获用户,营销成本大大增加。

一、微信小程序启动流程介绍

一般来说,小程序启动流程图如下所示,其中有三个阶段是和小程序业务代码相关,开发者可以进行一定的优化工作:

  • 小程序代码包准备:小程序代码包下载耗时是启动耗时中的重要瓶颈,在用户首次访问小程序小程序版本更新时,代码包的下载会对启动耗时造成影响。一般非首次访问时,无需下载代码包。
  • 代码注入:在逻辑层,小程序启动时需要从代码包内读取小程序的配置和代码,并注入到 JavaScript 引擎中。在视图层,开发者的 WXSS 和 WXML 会编译成 JavaScript 代码注入到视图层,包含页面渲染需要的页面结构和样式信息。
  • 首页渲染:在完成视图层代码注入,并收到逻辑层发送的初始数据后,结合从初始数据和视图层得到的页面结构和样式信息,小程序框架会进行小程序首页的渲染,展示小程序首屏,并触发首页的 Page.onReady 事件

在这里插入图片描述

二、优化小程序启动性能

1. 明确耗时瓶颈

开发者想要提升启动性能,首先要明确自己的小程序是哪个环节耗时较长,这样才能针对性进行优化。

这里可以借助 小程序云测服务 的启动性能专项测试能力,它通过多次拉起小程序,计算每次启动时,开发者能够优化的三个阶段的耗时情况,并在报告中用时序图的方式直观展示。

此外启动性能专项测试特别考虑了两种场景:

  • 用户首次访问 or 小程序版本更新: 此时需要下载代码包,有小程序代码包准备阶段耗时
  • 非首次访问: 此时一般代码包缓存在本地了,无需代码包准备阶段耗时

下面是某个项目启动性能报告测试的示例图,从图中可以看出,代码包准备代码注入阶段耗时均较长

在这里插入图片描述

2. 优化启动性能

明确耗时瓶颈后,开发者希望针对性进行优化,这里列出了一些三个阶段常见的优化措施,详情可以查看官方文档 代码包体积优化 代码注入优化 首屏渲染优化

在这里插入图片描述

如上述项目,小程序云测服务的报告已给出优化建议。在测试过程中检测到,该项目未启用按需注入,也未开启初始渲染缓存。开发者可以从这两方面着手,优化启动性能

在这里插入图片描述

三、总结

本文介绍了小程序启动的流程,以及如何利用小程序云测服务帮助开发者优化小程序启动耗时。

开篇提到,小程序性能主要可以分为启动性能和运行时性能,那么如何测试小程序运行时性能呢?敬请期待 小程序云测专栏 后续文章 《微信小程序性能测试——运行时性能》

需要帮助


http://chatgpt.dhexx.cn/article/2mbelX0W.shtml

相关文章

微信小程序该如何测试?

今天大湿给大家带来了小程序该如何测试。 全文共2115字,阅读需要13分钟 1.什么是小程序 英文名 Mini Program 是一种不需要下载安装即可使用的应用,是内嵌在微信 APP 里面的一款新形态软件。 它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了…

微信小程序怎么测试

一、什么是小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在&#xff0…

微信支付测试

二、微信验收公众平台验收(为微信点赞) https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter23_1&index2 支付验收指引 阅读对象 本文阅读对象为:商户自有系统(包括但不限于:在线购物平台、人工收银系统、…

微信小程序测试点汇总

Hi,大家好。小程序自诞生以来,凭借“即用即走,不占内存。”的优势一直独领风骚,在帮助各行各业连接、服务用户方面扮演了更加重要的角色。截止到2020年底,小程序DAU突破4亿,全年交易额同比增长超过100%。技…

TOPSIS法(熵权法)(模型+MATLAB代码)

TOPSIS可翻译为逼近理想解排序法,国内简称为优劣解距离法 TOPSIS法是一种常用的综合评价方法,其能充分利用原始数据的信息,其结果能精确地反映各评价方案之间的距离 一、模型介绍 极大型指标(效益型指标) &#xff…

数学建模常用算法—熵权法(EWM)

解决问题 建模比赛中最基础的模型之一,其主要用于解决评价类问题(例如:选择哪种方案最好、哪位运动员或者员工表现的更优秀),用于确定每个指标所占权重,权重用于计算最终得分。 优点 层次分析法最大的缺…

改进熵权法

程序名称## 改进熵权法计算(matlab版python版) 程序功能(对象) 适用于对两个及以上的对象进行综合评估;客观赋权法:改进熵权法(输入各评估对象的指标原始值)输出:评估对象的客观权重以及综合评分值对比改进需求:传统熵权法在所有…

评价模型之熵权法

1.算法原理 熵权法是一种客观赋值方法。在具体使用的过程中,熵权法根据各指标的变异程度,利用信息熵计算出各指标的熵权,再通过熵权对各指标的权重进行修正,从而得到较为客观的指标权重。一般来说,若某个指标的信息熵指…

数学建模笔记 Topsis和熵权法

Topsis法(Technique for Order Preference by Similarity to Ideal Solution)可翻译为逼近理想解排序法,国内常简称为优劣解距离法。 ​ Topsis法是一种常用的综合评价方法,其能充分利用原始数据的信息, 其结果能精确…

Topsis与熵权法

定义 熵权法是一种客观赋权方法。 原理:指标的变异程度(方差)越小,所反映的信息量也越少,其对应的权值也应该越低。(客观 数据本身就可以告诉我们权重) 如何度量信息量的大小 通过上面的例子…

数学建模之熵权法——基于Topsis模型

写在前文:懒编是准备参加数学建模,并且负责编程部分(matlab)。因为时间有限,所以目前个人的看法就是以编程学习(因为是小白)为主,模型学习为辅(这里的辅是知道这个模型怎…

Matlab计算熵权法

如需转载,请注明来源,谢谢合作。 若本文对您有一点点的帮助,欢迎点赞、评论和关注。您的鼓励和支持是我继续学习和分享的动力。 **熵权法是一种根据包含各个变量的变异程度进行赋权的方法,是一种客观赋权法。**而直接给定变量权重…

数学建模系列---熵权法

目录 一.简介 二.说明 1.正向指标: 2.信息量 3.信息熵 三.具体计算步骤 1.标准化矩阵 1.1该步骤的意义 1.2标准化的2种方法 2.计算各元素概率 3.计算各指标的权重 3.1计算每个指标的信息熵 3.2计算信息效用值 3.3归一化信息效用值 四.总结 一.简介 熵权…

数学建模——熵权法

一、熵权法基础知识 熵值越小越好; 熵权法是一种可以用于多对象、多指标的综合评价方法,其评价结果主要是依据客观资料,熵权法几乎不受主观因素的影响。 信息熵值越小,权重越大 二、熵权法基本思路 权重大-->提供的信息量大-->指标…

清风数学建模学习笔记——熵权法(客观赋权法)

熵权法 熵权法是一种客观赋权方法。(客观 数据本身就可以告诉我们权重) 依据的原理:指标的变异程度越小,所反映的信息量也越少,其对应的权值也应该越低。 本文借鉴了数学建模清风老师的课件与思路,如果大家…

熵权法 —— matlab

目录 一、熵权法介绍 二、熵权法赋权步骤 1.指标正向化 mapminmax介绍 2.数据标准化 3.计算信息熵 4.计算权重以及得分 三、实例分析 1.读取数据 2.指标正向化 2.1 越小越优型处理 2.2 某点最优型指标处理 3.数据标准化 4.计算信息熵 5.计算权重 6.计算得分 总…

数学建模——熵权法步骤及程序详解

数学建模——熵权法步骤及程序详解 权重的求解一直都是数学建模的重点关注对象,所以学好建模论文的重要一步就是如何确定权重,今天是来介绍一种客观确定几个指标各自所占的权重的方法——熵权法。之前的数学建模实战里有提到用熵权法确定了每个指标各自…

计算机电路知识,计算机电路基础教程(完整版)

计算机电路基础教程(完整版) 名称:计算机电路基础教程(完整版)分类:电脑基础 点击:加载中主讲:时间:2014-10-13 09:22 计算机电路基础教程(完整版)相关介绍 计算机电路是计算机专业和电子信息类专业的一门重要硬件基础…

大学计算机基础案例教程章测试答案,大学计算机基础案例教程--Win7+Office2010(高等院校公共基础课规划教材)...

导语 内容提要 尹建新编著的这本《大学计算机基础案例教程--Win7+Office2010》是针对普通高等院校非计算机专业的教学要求,依托Windows 7操作系统和Office 2010办公软件平台,结合当今最新计算机技术编写而成的。本书最…

计算机系统新手入门,电脑初学者入门教程

本篇主要从关机、任务管理器、电脑屏幕锁定这三个方面,帮助初次学习电脑的人尽快掌握一些基本操作,快一起来学习吧。 工具/材料 电脑(本篇以Windows7系统为例) 电脑关机 01方法一。首先,点击屏幕左下方的win(当点击时,会提示“开始…