微信小程序在完成開發之后,需要經過不過的優化,最終通過審核才能正式發布。開發者可通過開發者工具中的性能掃描工具提前發現代碼中的可優化項進行全面優化,以免在審核過程中被駁回,影響發布進度。
微信小程序代碼中的可優化項分析及優化建議:
1)代碼包不包含插件大小超過1.5M
優化建議:小程序代碼包單個包大小限制為2M。因此我們建議開發者在開發時,如果遇到單包體積大于1.5M的情況,可以采取分包的方式,把部分代碼拆分到分包去,降低單個包的體積,提升小程序的加載速度。
2)圖片和音頻資源大小超過200K
優化建議:小程序代碼包里可以存放一些必要的靜態資源(例如tabbar的icon等),不過靜態資源體積過大也會影響小程序代碼包加載速度。因此我們建議圖片、音頻等靜態資源體積大小超過200K時,將它們上傳到CDN,用URL引入會是個更好的選擇。
3)主包存在僅被其他分包依賴的JS
優化建議:當主包里存在一些JS文件只會被分包使用(而主包自己不使用)時,我們建議把這些JS文件從主包中拆分出去,放到對應的分包里,從而優化主包的加載速度。
4)主包存在僅被其他分包依賴的組件
優化建議:當主包里存在一些組件只會被分包使用(而主包自己不使用)時,我們建議把這些組件從主包拆分出去,并且可以使用分包異步化 這個特性加載這些組件,從而優化主包的加載速度。
5)存在無使用的插件
優化建議:如果有無使用的插件,請將其從 app.json 中去除。不然它會占用代碼包體積,也會延遲代碼包加載的時間。
6)存在無使用的組件
優化建議:如果在對應頁面JSON的 `usingComponents` 里聲明的組件但是沒有使用,請將其從 `usingComponents` 里去除。
7)未開啟JS壓縮
優化建議:在工具「詳情」-「本地設置」中開啟「上傳代碼時自動壓縮腳本文件的設置。
8)未開啟WXML壓縮
優化建議:在工具「詳情」-「本地設置」中開啟「上傳代碼時自動壓縮wxml文件的設置。
9)未開啟WXSS壓縮
優化建議:在工具「詳情」-「本地設置」中開啟「上傳代碼時自動壓縮樣式文件的設置
10)存在無依賴文件
優化建議:在「代碼質量」面板,點擊「建議去除」后,可以打開代碼依賴分析面板的「無依賴文件」頁面,這里可以看到代碼包里沒有被用到的文件。請在代碼包中去除這部分文件,減小體積并優化加載速度。
在本地開發的過程中,會自動過濾無依賴的文件,如果出現誤過濾的情況,可以在 project.config.json 的 setting 字段中添加 ignoreDevUnusedFiles 為 false,也可以在 packOptions 的 include 字段中手動將被忽略的文件引入,同時歡迎發帖反饋誤報的情況提交代碼片段幫助我們完善此功能
注意:頁面若為配置在 app.json 中,將被識別為無依賴文件
11)未開啟組件懶注入(按需注入)
優化建議:在 app.json 中加入 `”lazyCodeLoading”: “requiredComponents”` 可以開啟小程序組件按需注入特性。