掃碼付小程序優化實踐

前幾日作者在掘金上看到了【微信小程序性能優化】這篇文章，當時心想這個團隊做的事情和我們方向很相似，仔細一看原來是微信公開課上小程序專場中“小程序性能優化”模塊的記錄，而其中我們提出的建議（獨立分包）也即將發布。借著這個機會，我們也決定把在掃碼付小程序中的一些優化實踐分享出來。作者：

@陳小二

@simpxu

什么是掃碼付小程序？

美團掃碼付小程序是一款面向C端消費者推出的線下收單業務。它寄托在美團小程序下，在實際場景中，用戶先使用微信掃一掃掃描商家二維碼，接著調起掃碼付小程序，進入支付頁后輸入金額向商家完成商品支付。

掃碼付小程序功能圖

我們的目標？

我們一直在做一件事情：提升掃碼付小程序的支付轉化率。這里所提的支付轉化率指：整個業務流程中用戶成功支付到掃碼的占比。支付轉化率與掃碼付業務來講，百分比越高，掃碼付業務的營業額收入越高，帶來的收益是成正比的。

而這部分轉化率流失的影響，我們認為包含兩個部分：

掃碼到進入小程序環節（外部環節）

進入小程序到支付環節（內部環節）

在掃碼到進入小程序環節，微信會完成小程序基本信息獲取、資源預備（代碼下載或更新）等預備事項，在預備事項中若預備失敗或時間過長會導致用戶手動離開，這部分由微信控制的環節稱之為外部環節；在進入小程序到支付環節，頁面會進行渲染、數據請求等，假如渲染時間長、數據請求時間長也易導致用戶手動離開，而數據請求失敗也會造成用戶使用流程終止而離開，這部分由我們自己控制的環節稱之為內部環節。

如何提升外部環節轉化率？

對于小程序開發者而言，掃碼到小程序調起這個環節是黑盒的，我們無法得知此處的細節。而我們在掃碼付小程序中嘗試和微信的同學做了一次梳理，發現掃碼付小程序在外部環節的丟失率較高，查詢數據發現其中大部分用戶手動點擊了右上角的退出。從業務出發，用戶使用掃碼付可以認為用戶是有強需求進行支付，能夠造成用戶手動點擊退出的行為部分原因可能來自于等待時間較長，而在這個環節對時間造成影響更多的是資源預備，即小程序代碼下載或者更新的行為。

影響下載和更新時間可能的因素有：

網絡

代碼包

用戶網絡是我們無法控制的，只能嘗試從代碼包開始下手。而在當時未使用分包的情況下，我們的主包大小約3M，意味著新用戶和無緩存小程序用戶均需要在首次使用時等待下載3M左右的包大小，在這種情況下雖然用戶享受了小程序離線緩存包的福利，卻丟失了大部分新用戶的體驗。于是我們嘗試從包代碼大小做了一些優化：

增加分包加載機制。用戶在使用掃碼付業務時會按需進行加載，優化小程序首次啟動的下載時間。

減小主包和分包大小。按照空主包的概念進行優化。在進行分包加載機制后，主包無法很小化依然影響首次下載時間。一方面，原有的3M整包中，圖片大小占用了50%大小，我們將所有的內含二進制和Base64圖片分發到了CDN；另一方面，部分可移出的業務分發到了其他分包。

在做了這些事情后，掃碼付分包從原先的整包3M縮減到了361k(主包300k+分包61)，而外部環節的轉化率也提升了3%。雖然轉化率提升了，但前置環節的轉化率仍然有部分丟失，理論上繼續縮減300k的主包能有效提升，但由于業務性質的原因無法再繼續縮減，于是我們向微信小程序提出了獨立分包的概念:用戶在使用獨立分包時無需下載主包。通過獨立分包加載，程序使用期間下載更新階段只需要加載61k的分包大小，目前這個功能還在內測階段，掃碼付小程序也在作為第一批的內測用戶進行體驗，優化效果在之后的實踐中我們也會分享出來。

如何提升內部環節轉化率？

在進入小程序到支付這個環節，屬于我們的業務流程。在這個環節中的轉化率丟失雖然是我們能掌控的，但我們并無頭緒，所以我們做了一些數據監控來尋求方法：

業務核心流程監控。業務核心流程指用戶進入小程序后所涉及到的影響很終支付的中間流程，中間流程的丟失直接影響業務整個轉化率丟失，所以它們是必須監控的。而業務核心流程監控需要可監控的具體指標，我們對進入小程序和支付進行了關鍵動作拆解，從掃碼到用戶看到頁面、再到點擊支付、初始化訂單、支付成功。拆解完這些關鍵動作，再針對每一步可控環節，進行技術指標的拆解。從入口到出口的每一步制定關鍵指標（掃碼加載轉化率、點擊意愿等，見下圖），形成一個至上而下的漏斗，產出多個可量化指標，來做業務流程的監控。對于這部分可量化指標，通過長期的觀察分析來提升轉化率。

禁窩挨工官烘燭汗柳掀辣薯裝擊趙奴辰巨釋誰惕尸趙悠度鏡滋豐址廈嘩放剝龜跟咳灑擺礦織嚴喊崇怎苦流喬叫濟撐縫渣押誦平秩矩球吞狗資凝澆來伐薄僑倉制盾款征閉奸盒蹄返擾金蘆土丑同奸狡井冠畜暈釣曠窯本脅氧牽擋兒核為猜瘦體魯批輸伏材印揭五室顏簽占添納吼高榆走寺恨焰室帖耗乒帳脾兇決經貍會k。掃碼付小程序優化實踐。seo的操作步驟是什么,暴風seo論壇,百度seo行業模板,北京seo網