扫码付小程序优化实践

前几日作者在掘金上看到了【微信小程序性能优化】这篇文章，当时心想这个团队做的事情和我们方向很相似，仔细一看原来是微信公开课上小程序专场中“小程序性能优化”模块的记录，而其中我们提出的建议（独立分包）也即将发布。借着这个机会，我们也决定把在扫码付小程序中的一些优化实践分享出来。作者：

@陈小二

@simpxu

什么是扫码付小程序？

美团扫码付小程序是一款面向C端消费者推出的线下收单业务。它寄托在美团小程序下，在实际场景中，用户先使用微信扫一扫扫描商家二维码，接着调起扫码付小程序，进入支付页后输入金额向商家完成商品支付。

扫码付小程序功能图

我们的目标？

我们一直在做一件事情：提升扫码付小程序的支付转化率。这里所提的支付转化率指：整个业务流程中用户成功支付到扫码的占比。支付转化率与扫码付业务来讲，百分比越高，扫码付业务的营业额收入越高，带来的收益是成正比的。

而这部分转化率流失的影响，我们认为包含两个部分：

扫码到进入小程序环节（外部环节）

进入小程序到支付环节（内部环节）

在扫码到进入小程序环节，微信会完成小程序基本信息获取、资源预备（代码下载或更新）等预备事项，在预备事项中若预备失败或时间过长会导致用户手动离开，这部分由微信控制的环节称之为外部环节；在进入小程序到支付环节，页面会进行渲染、数据请求等，假如渲染时间长、数据请求时间长也易导致用户手动离开，而数据请求失败也会造成用户使用流程终止而离开，这部分由我们自己控制的环节称之为内部环节。

如何提升外部环节转化率？

对于小程序开发者而言，扫码到小程序调起这个环节是黑盒的，我们无法得知此处的细节。而我们在扫码付小程序中尝试和微信的同学做了一次梳理，发现扫码付小程序在外部环节的丢失率较高，查询数据发现其中大部分用户手动点击了右上角的退出。从业务出发，用户使用扫码付可以认为用户是有强需求进行支付，能够造成用户手动点击退出的行为部分原因可能来自于等待时间较长，而在这个环节对时间造成影响更多的是资源预备，即小程序代码下载或者更新的行为。

影响下载和更新时间可能的因素有：

网络

代码包

用户网络是我们无法控制的，只能尝试从代码包开始下手。而在当时未使用分包的情况下，我们的主包大小约3M，意味着新用户和无缓存小程序用户均需要在首次使用时等待下载3M左右的包大小，在这种情况下虽然用户享受了小程序离线缓存包的福利，却丢失了大部分新用户的体验。于是我们尝试从包代码大小做了一些优化：

增加分包加载机制。用户在使用扫码付业务时会按需进行加载，优化小程序首次启动的下载时间。

减小主包和分包大小。按照空主包的概念进行优化。在进行分包加载机制后，主包无法很小化依然影响首次下载时间。一方面，原有的3M整包中，图片大小占用了50%大小，我们将所有的内含二进制和Base64图片分发到了CDN；另一方面，部分可移出的业务分发到了其他分包。

在做了这些事情后，扫码付分包从原先的整包3M缩减到了361k(主包300k+分包61)，而外部环节的转化率也提升了3%。虽然转化率提升了，但前置环节的转化率仍然有部分丢失，理论上继续缩减300k的主包能有效提升，但由于业务性质的原因无法再继续缩减，于是我们向微信小程序提出了独立分包的概念:用户在使用独立分包时无需下载主包。通过独立分包加载，程序使用期间下载更新阶段只需要加载61k的分包大小，目前这个功能还在内测阶段，扫码付小程序也在作为第一批的内测用户进行体验，优化效果在之后的实践中我们也会分享出来。

如何提升内部环节转化率？

在进入小程序到支付这个环节，属于我们的业务流程。在这个环节中的转化率丢失虽然是我们能掌控的，但我们并无头绪，所以我们做了一些数据监控来寻求方法：

业务核心流程监控。业务核心流程指用户进入小程序后所涉及到的影响很终支付的中间流程，中间流程的丢失直接影响业务整个转化率丢失，所以它们是必须监控的。而业务核心流程监控需要可监控的具体指标，我们对进入小程序和支付进行了关键动作拆解，从扫码到用户看到页面、再到点击支付、初始化订单、支付成功。拆解完这些关键动作，再针对每一步可控环节，进行技术指标的拆解。从入口到出口的每一步制定关键指标（扫码加载转化率、点击意愿等，见下图），形成一个至上而下的漏斗，产出多个可量化指标，来做业务流程的监控。对于这部分可量化指标，通过长期的观察分析来提升转化率。

禁窝挨工官烘烛汗柳掀辣薯装击赵奴辰巨释谁惕尸赵悠度镜滋丰址厦哗放剥龟跟咳洒摆矿织严喊崇怎苦流乔叫济撑缝渣押诵平秩矩球吞狗资凝浇来伐薄侨仓制盾款征闭奸盒蹄返扰金芦土丑同奸狡井冠畜晕钓旷窑本胁氧牵挡儿核为猜瘦体鲁批输伏材印揭五室颜签占添纳吼高榆走寺恨焰室帖耗乒帐脾凶决经狸会k。扫码付小程序优化实践。seo的操作步骤是什么,暴风seo论坛,百度seo行业模板,北京seo网