微信小程序代码中的可优化项分析及优化建议

作者:亿网科技  来源:亿网科技  发布时间:2022-09-30

32.png

微信小程序开发完成后,还需要优化,最后审批,才能正式发布。开发者可以通过开发者工具中的性能扫描工具提前找出代码中可优化的项目进行全面优化,避免在评审过程中被拒绝,影响发布进度。


微信小程序代码中可优化项分析及优化建议:


1)代码包不包含大小超过1.5M的插件


优化:小程序代码包的大小仅限于2M。所以我们建议开发者在开发的时候,如果单个包的体积大于1.5M,可以采用分包的方式,将部分代码拆分成分包,减少单个包的体积,提高小程序的加载速度。


2)图片和音频资源的大小超过200K


优化建议:一些必要的静态资源(比如tabbar的图标等。)可以存放在小程序代码包中,但是静态资源的体积过大也会影响小程序代码包的加载速度。所以我们建议,当图片、音频等静态资源的体量超过200K时,上传到CDN,通过URL引入,是比较好的选择。


3)主包有只依赖于其他分包的JS。


优化:当主包中有一些JS文件只会被分包(而不是主包自己使用)时,我们建议将这些JS文件从主包中拆分出来,放到相应的分包中,以优化主包的加载速度。


4)主包有只依赖于其他子包的组件。


优化:当主包中有一些组件只会被分包(而不是主包自己使用)时,我们建议将这些组件从主包中分离出来,利用异步分包的特性来加载这些组件,从而优化主包的加载速度。


5)有未使用的插件


优化:如果有使用的插件,请将其从app.json中移除否则会占用代码包的体积,耽误代码包的加载时间。


6)有未使用的组件。


优化建议:如果相应页面上JSON的‘使用组件’中声明的组件没有被使用,请将其从‘使用组件’中移除。


7) JS压缩没有打开。


建议:在工具详情-本地设置中打开上传代码时自动压缩脚本文件的设置。


8) WXML压缩未打开


建议:在工具详情-本地设置中打开上传代码时自动压缩wxml文档的设置。


9) WXSS压缩未打开


建议:在工具详情-本地设置中打开上传代码时自动压缩样式文档的设置。


10)没有依赖文件。


建议:在“代码质量”面板中,点击“建议移除”打开代码依赖分析面板的“无依赖文件”页面,在这里可以看到代码包中未使用的文件。请去掉代码包中的这部分文件,减小体积,优化加载速度。


在本地开发过程中,独立文件会被自动过滤。如果过滤错误,可以在project.config.json的设置字段中添加ignoreDevUnusedFiles作为false,也可以在packOptions的include字段中手动导入忽略的文件。同时,欢迎您提交代码片段来帮助我们改进该功能。


注意:如果页面是在app.json中配置的,它会被识别为一个独立的文件。


11)组件惰性注入未打开(按需注入)


优化建议:在app.json中添加“lazy codeloading”“required components”可以开启widget组件的按需注入功能。