导航
当前位置:首页>>小程序

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

2023-11-26 围观 : 0次

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

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

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”` 可以开启小程序组件按需注入特性。

相关文章
  • 申请ssl总是显示要验证

    SSL(Secure Sockets Layer)是一种加密通信协议,用于在客户端和服务器之间建立安全的通信连接。SSL证书是一种数字证书,用于验证网站的身份和数据的加密性。在申请SSL证书时,常常需要进行验证,以确保证书的有效性。SSL验证的原理是通过验证证书申请者的身份和域名的所有权,以确保证书...

    2023-10-12
  • 河北区微信小程序开发工具有哪些

    微信小程序已经成为了许多企业和开发者推广和开发的重要工具,在河北这个地区也有众多公司提供微信小程序的开发服务,下面就让我们来了解一下河北区微信小程序开发工具有哪些。1. 微信开发者工具微信开发者工具是官方提供的一款用于微信小程序开发的集成环境,它支持代码编辑、实时预览、代码分析、调试等功能,非常适合...

    2023-10-30
  • 贺州旅游小程序开发工具有哪些

    贺州是广西壮族自治区下属的一个地级市,位于粤桂边境,有着优美的自然风光和丰富的文化历史。为了更好地促进贺州旅游业的发展,许多企业、开发者和政府机构都开始关注和使用贺州旅游小程序开发工具。下面是对贺州旅游小程序开发工具的原理和详细介绍。一、小程序开发基础在介绍贺州旅游小程序开发工具之前,我们需要先了解...

    2023-10-30
  • 小程序和H5、app、公众号、有什么区别?

     一、小程序和app的不同之处1、开发app需要适配市场上很多款的主流手机,开发成本大。小程序一次开发就可以自动适配所有手机。2、开发周期一款完善的双平台app平均的开发周期约3个月;小程序平均开发周期约2周内,仅为app的六分之一。3、发布app需要向十几个应用商店提交审核,且每个应用商店要求的资...

    2023-11-10
  • 微信小程序运营策略

    现在商家都开发了微信小程序,但有的做的效果很不错,而有的效果就很一般,并不是开发微信小程序,就能意味给你带来很好效益,关键还是看你怎么去运营它。下面针对各行各业分享一下微信小程序运营策略。(后续会陆续补充)1.教育行业小程序运营策略2.婚纱行业小程序运营策略3.生鲜行业小程序运营策略4.电商小程序运...

    2023-11-08