
微信小程序分包加載實戰
時間:2020-09-07 17:30:38 作者:未知
"離線包"機制
微信小程序采用的是類似離線包加載方案,以 轉轉 小程序為例,當用戶次打開時會先下載好所有代碼,然后再加載頁面;當用戶再次進入轉轉小程序時,會直接使用已下載的代碼,省去了代碼下載的過程,打開速度更快。
微信小程序分包加載
看似很美好的設計,但有兩個問題:
次打開轉轉小程序時白屏時間很長,因為要下載接近2.5M的代碼量,也就是說你的代碼越多,白屏時間越長,而轉轉APP采用的網頁離線機制體驗更佳:在用戶打開APP時就下載/更新離線包,這樣在用戶進入對應的網頁時,代碼已經下載好了,沒有漫長的白屏過程。
代碼有部分更新時,沒辦法進行增量更新,導致每次發版后,用戶都需要重新下載全部代碼
問題看似不大,但對轉轉有很大影響,例如進行微信廣告投放時,用戶從點擊廣告到加載個頁面之間的流失率竟能到達40%,這顯然是FE無法接受的性能,而小程序分包加載機制能夠在一定程度上解決上述問題。
分包加載
小程序的分包加載機制實際上是離線包和M頁的一種結合機制,即你可以把代碼劃分成主包+N個分包,官方定義:
在小程序啟動時,默認會下載主包并啟動主包內頁面,如果用戶需要打開分包內某個頁面,客戶端會把對應分包下載下來,下載完成后再進行展示。
總結如下:
打開小程序,默認先加載主包
進入分包頁面時,再加載對應分包
這樣的好處是進入主包頁面時,需要下載的代碼量小了很多,白屏時間更短,體驗更佳。
立即獲取營銷方案
提交
上一篇:小程序要避免那些雷區
下一篇:微信小程序具有哪些特點}
為你推薦

傳統行業選擇微信小程序的原因是什么?
目前線下實體門店的市場運營成本在不斷提升,從店面的房租到人員管理,各個方面的付出均要比在線上運營的成本要高出許多:高額的服務成本對零售行業產生巨大沖擊。 微信小程序
行業資訊 2021-07-23 17:25:50

微信小程序怎么開通?微信小程序如何開發制作?
對于許多人來說,他們都開始喜歡上了愛提這個行業,即便自己沒有進入到這個行業的工作,也想通過自己來動手制作一些微信小程序,如果你對這些小程序比較感興趣的話,那么就應
小程序動態 2021-05-11 13:39:58

新零售微信小程序怎么引流
在這個數字時代的今天,微信小程序的新零售受到了廣泛的關注。許多傳統零售商開始尋求新的零售轉型。微信小程序的出現為許多商人和企業帶來了新的轉型機會。那么,新零售微信
小程序動態 2021-01-12 17:29:41