上傳小程序代碼的時候包體積太大不知如何是好?小程序打開速度慢,流量耗費大不知如何優化?在今天的文章里,我們一起來討論一下如何給“包”瘦身。
為什么要限制包的大小?
我們都知道小程序作為一種 Hybrid 的解決方案,需要動態的進行包的更新,因此如果包的體積過大,將會出現打開速度慢,耗流量等問題,因而影響用戶體驗。 因此小程序在上傳的時候會對包的大小進行限制。
包的大小要多少才合適呢?
官方文檔中,百度小程序對于包的限制是:“整個小程序所有分包大小不超過 8M ,單個分包大小不能超過 4M。” 展開來說,如果你有 N 個分包,那么請確保這 N 個分包加起來的大小不超過 8M,同時每個分包的大小也不能超過 4M。
假如你并沒有做分包,只有一個包的話,那么你的小程序包大小就不能超過 4M 了。
如何減少包的大小?
外鏈資源文件
我們在開發小程序的時候,往往需要很多資源文件,如:圖片/iconfont 等,這些資源文件,最好只留必要的(如:離線場景下也需要的 icon 圖片,或者首屏就需要的圖片),其他的圖片文件,建議換成遠程地址,以減少包的體積。
當然這個還是得開發者自行斟酌包大小與圖片請求的關系。
首頁獨立分包
其實分包的本質并不算減少了包的體積,而是減少了進入場景下的頁面的包體積。比如,我們的小程序非常大,但是每次進入首頁的時候,沒必要所有頁面都下載下來的話,就可以把首頁做成獨立分包。
{"pages": ["page/index"],"subPackages": [{"root": "subpackage","pages": ["pages/subpageone","pages/subpagetwo"]}]
}
復制代碼
這樣,用戶打開首頁時,只會加載首頁的包,有利于提升加載速度。subpackage 文件夾下的打包則會在之后訪問到隸屬于 subpackage 下的頁面時,開始加載。
使用依賴分析模式
相信用過小程序開發者的同學們,肯定會注意到開發者工具上方有一欄“編譯模式“ 默認情況下是依賴分析模式
以上為今天的全部內容,為您介紹了三種可以減少包體積的方法,感興趣的童鞋可以都嘗試一下哦~