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

作者:亿网科技  来源:亿网科技  发布时间:2022-08-15

37.png

微信小程序开发完成后,需要优化,最终通过审核才能正式发布。开发人员可以通过开发人员工具中的性能扫描工具提前找到代码中的优化项目,以免在审核过程中被拒绝,影响发布进度。


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


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


优化建议:小程序代码包的单包尺寸限制为2M。因此,我们建议开发人员在开发时,如果单包体积大于1.5M在这种情况下,可以通过分包将部分代码分成分包,减少单个包的体积,提高小程序的加载速度。


2)图片和音频资源超过2000K


优化建议:一些必要的静态资源可以存储在小程序代码包中(如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”` 按需打开小程序组件注入特性。