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

作者:亿网科技  来源:亿网科技  发布时间:2023-11-07

22.png

微信小程序开发完成后,需要经过广泛的优化,最终通过审核才能正式发布。开发者可以利用开发者工具中的性能扫描工具,提前发现代码中的可优化项,进行全面优化,避免在审核过程中被拒绝,影响发布进度。

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

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

优化建议:单个小程序代码包大小限制为2M。因此,我们建议开发者在开发时,如果遇到单个包大小大于1.5M的情况,可以采用分包的方式,将部分代码拆分成多个分包,以减少单个包的大小,提高性能。小程序的加载速度。。

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

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

3)主包中包含仅被其他子包依赖的JS。

优化建议:当主包中有一些JS文件只会被子包使用(但主包本身不会使用)时,我们建议将这些JS文件从主包中拆分出来,放在对应的子包中-packages优化主包的加载速度。

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"`,实现小程序组件的按需注入。