前幾日作者在掘金上看到了【微信小程序性能優(yōu)化】這篇文章，當(dāng)時(shí)心想這個(gè)團(tuán)隊(duì)做的事情和我們方向很相似最深厚的底氣，仔細(xì)一看原來是微信公開課上小程序?qū)?chǎng)中“小程序性能優(yōu)化”模塊的記錄協同控製，而其中我們提出的建議（獨(dú)立分包）也即將發(fā)布。借著這個(gè)機(jī)會(huì)品質，我們也決定把在掃碼付小程序中的一些優(yōu)化實(shí)踐分享出來利用好。作者：

@陳小二

@simpxu

什么是掃碼付小程序？

美團(tuán)掃碼付小程序是一款面向C端消費(fèi)者推出的線下收單業(yè)務(wù)解決問題。它寄托在美團(tuán)小程序下尤為突出，在實(shí)際場(chǎng)景中，用戶先使用微信掃一掃掃描商家二維碼環境，接著調(diào)起掃碼付小程序，進(jìn)入支付頁后輸入金額向商家完成商品支付高質量。

掃碼付小程序功能圖

我們的目標(biāo)相對簡便？

我們一直在做一件事情：提升掃碼付小程序的支付轉(zhuǎn)化率。這里所提的支付轉(zhuǎn)化率指：整個(gè)業(yè)務(wù)流程中用戶成功支付到掃碼的占比流程。支付轉(zhuǎn)化率與掃碼付業(yè)務(wù)來講表現，百分比越高，掃碼付業(yè)務(wù)的營(yíng)業(yè)額收入越高深刻變革，帶來的收益是成正比的結論。

而這部分轉(zhuǎn)化率流失的影響，我們認(rèn)為包含兩個(gè)部分：

掃碼到進(jìn)入小程序環(huán)節(jié)（外部環(huán)節(jié)）

進(jìn)入小程序到支付環(huán)節(jié)（內(nèi)部環(huán)節(jié)）

在掃碼到進(jìn)入小程序環(huán)節(jié)質生產力，微信會(huì)完成小程序基本信息獲取適應性強、資源預(yù)備（代碼下載或更新）等預(yù)備事項(xiàng)，在預(yù)備事項(xiàng)中若預(yù)備失敗或時(shí)間過長(zhǎng)會(huì)導(dǎo)致用戶手動(dòng)離開先進的解決方案，這部分由微信控制的環(huán)節(jié)稱之為外部環(huán)節(jié)拓展；在進(jìn)入小程序到支付環(huán)節(jié)，頁面會(huì)進(jìn)行渲染宣講活動、數(shù)據(jù)請(qǐng)求等不斷進步，假如渲染時(shí)間長(zhǎng)、數(shù)據(jù)請(qǐng)求時(shí)間長(zhǎng)也易導(dǎo)致用戶手動(dòng)離開，而數(shù)據(jù)請(qǐng)求失敗也會(huì)造成用戶使用流程終止而離開規模，這部分由我們自己控制的環(huán)節(jié)稱之為內(nèi)部環(huán)節(jié)近年來。

如何提升外部環(huán)節(jié)轉(zhuǎn)化率？

對(duì)于小程序開發(fā)者而言發展目標奮鬥，掃碼到小程序調(diào)起這個(gè)環(huán)節(jié)是黑盒的技術先進，我們無法得知此處的細(xì)節(jié)。而我們?cè)趻叽a付小程序中嘗試和微信的同學(xué)做了一次梳理作用，發(fā)現(xiàn)掃碼付小程序在外部環(huán)節(jié)的丟失率較高情況正常，查詢數(shù)據(jù)發(fā)現(xiàn)其中大部分用戶手動(dòng)點(diǎn)擊了右上角的退出。從業(yè)務(wù)出發(fā)技術特點，用戶使用掃碼付可以認(rèn)為用戶是有強(qiáng)需求進(jìn)行支付提高鍛煉，能夠造成用戶手動(dòng)點(diǎn)擊退出的行為部分原因可能來自于等待時(shí)間較長(zhǎng)，而在這個(gè)環(huán)節(jié)對(duì)時(shí)間造成影響更多的是資源預(yù)備凝聚力量，即小程序代碼下載或者更新的行為有所提升。

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

網(wǎng)絡(luò)

代碼包

用戶網(wǎng)絡(luò)是我們無法控制的，只能嘗試從代碼包開始下手新的力量。而在當(dāng)時(shí)未使用分包的情況下先進水平，我們的主包大小約3M，意味著新用戶和無緩存小程序用戶均需要在首次使用時(shí)等待下載3M左右的包大小全面展示，在這種情況下雖然用戶享受了小程序離線緩存包的福利重要平臺，卻丟失了大部分新用戶的體驗(yàn)。于是我們嘗試從包代碼大小做了一些優(yōu)化：

增加分包加載機(jī)制共同學習。用戶在使用掃碼付業(yè)務(wù)時(shí)會(huì)按需進(jìn)行加載順滑地配合，優(yōu)化小程序首次啟動(dòng)的下載時(shí)間。

減小主包和分包大小效高。按照空主包的概念進(jìn)行優(yōu)化前沿技術。在進(jìn)行分包加載機(jī)制后，主包無法很小化依然影響首次下載時(shí)間性能。一方面多種方式，原有的3M整包中，圖片大小占用了50%大小技術創新，我們將所有的內(nèi)含二進(jìn)制和Base64圖片分發(fā)到了CDN深入交流研討；另一方面，部分可移出的業(yè)務(wù)分發(fā)到了其他分包廣泛應用。

在做了這些事情后需求，掃碼付分包從原先的整包3M縮減到了361k(主包300k+分包61)，而外部環(huán)節(jié)的轉(zhuǎn)化率也提升了3%組合運用。雖然轉(zhuǎn)化率提升了更讓我明白了，但前置環(huán)節(jié)的轉(zhuǎn)化率仍然有部分丟失迎難而上，理論上繼續(xù)縮減300k的主包能有效提升，但由于業(yè)務(wù)性質(zhì)的原因無法再繼續(xù)縮減探索，于是我們向微信小程序提出了獨(dú)立分包的概念:用戶在使用獨(dú)立分包時(shí)無需下載主包堅持先行。通過獨(dú)立分包加載，程序使用期間下載更新階段只需要加載61k的分包大小滿意度，目前這個(gè)功能還在內(nèi)測(cè)階段情況較常見，掃碼付小程序也在作為第一批的內(nèi)測(cè)用戶進(jìn)行體驗(yàn)，優(yōu)化效果在之后的實(shí)踐中我們也會(huì)分享出來主要抓手。

如何提升內(nèi)部環(huán)節(jié)轉(zhuǎn)化率體製？

在進(jìn)入小程序到支付這個(gè)環(huán)節(jié)，屬于我們的業(yè)務(wù)流程創新科技。在這個(gè)環(huán)節(jié)中的轉(zhuǎn)化率丟失雖然是我們能掌控的服務延伸，但我們并無頭緒，所以我們做了一些數(shù)據(jù)監(jiān)控來尋求方法：

業(yè)務(wù)核心流程監(jiān)控具有重要意義。業(yè)務(wù)核心流程指用戶進(jìn)入小程序后所涉及到的影響很終支付的中間流程進一步，中間流程的丟失直接影響業(yè)務(wù)整個(gè)轉(zhuǎn)化率丟失，所以它們是必須監(jiān)控的強大的功能。而業(yè)務(wù)核心流程監(jiān)控需要可監(jiān)控的具體指標(biāo)提高，我們對(duì)進(jìn)入小程序和支付進(jìn)行了關(guān)鍵動(dòng)作拆解，從掃碼到用戶看到頁面的特性、再到點(diǎn)擊支付交流、初始化訂單、支付成功提供堅實支撐。拆解完這些關(guān)鍵動(dòng)作還不大，再針對(duì)每一步可控環(huán)節(jié)，進(jìn)行技術(shù)指標(biāo)的拆解簡單化。從入口到出口的每一步制定關(guān)鍵指標(biāo)（掃碼加載轉(zhuǎn)化率、點(diǎn)擊意愿等明確了方向，見下圖）系統性，形成一個(gè)至上而下的漏斗，產(chǎn)出多個(gè)可量化指標(biāo)單產提升，來做業(yè)務(wù)流程的監(jiān)控傳遞。對(duì)于這部分可量化指標(biāo)，通過長(zhǎng)期的觀察分析來提升轉(zhuǎn)化率勞動精神。

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