首页 > 编程语言 >小程序性能优化指南

小程序性能优化指南

时间:2023-10-18 10:13:13浏览次数:39  
标签:指南 插件 代码 程序 体积 分包 组件 优化

小程序性能优化指南

性能扫描工具

开发者可通过开发者工具中的性能扫描工具提前发现代码中的可优化项,共13项

image

优化建议

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

【建议】小程序代码包单个包大小限制为2M。因此我们建议开发者在开发时,如果遇到单包体积大于1.5M的情况,可以采取分包的方式,把部分代码拆分到分包去,降低单个包的体积,提升小程序的加载速度。具体可以查看文档《使用分包》

2. 引用插件大小超过 200 K

【知会】小程序插件的大小是会算进小程序代码包2M体积限制中的。因此当我们发现开发者引用的插件体积大于200K时,会对开发者予以提示,避免出现上传阶段提示代码包体积超限,但是不知道为何超限的问题。

3. 图片和音频资源大小超过 200 K

【建议】小程序代码包里可以存放一些必要的静态资源(如tabbar的icon等),适当《压缩图片》 可减少图片资源体积;但其他非必要的静态资源体积过大会影响小程序代码包加载速度。因此我们建议图片、音频等静态资源体积大小超过200K时,将它们上传到CDN,用URL引入会是个更好的选择。

4. 主包存在仅被其他分包依赖的JS

【建议】当主包里存在一些JS文件只会被分包使用(而主包自己不使用)时,我们建议把这些JS文件从主包中拆分出去,放到对应的分包里,从而优化主包的加载速度。

5. 主包存在仅被其他分包依赖的组件

【建议】当主包里存在一些组件只会被分包使用(而主包自己不使用)时,我们建议把这些组件从主包拆分出去,并且可以使用 分包异步化 这个特性加载这些组件,从而优化主包的加载速度。

6. 存在无使用的插件

【必须】如果有无使用的插件,请将其从 app.json 中去除。不然它会占用代码包体积,也会延迟代码包加载的时间。

7. 存在无使用的组件

【必须】如果在对应页面JSON的 usingComponents 里声明的组件但是没有使用,请将其从 usingComponents 里去除。

8. 未开启JS压缩

【必须】在工具「详情」-「本地设置」中开启「上传代码时自动压缩脚本文件」的设置

image

9. 未开启WXML压缩

【必须】在工具「详情」-「本地设置」中开启「上传代码时自动压缩wxml文件」的设置

image

10. 未开启WXSS压缩

【必须】在工具「详情」-「本地设置」中开启「上传代码时自动压缩样式文件」的设置

11. 存在无依赖文件

【必须】在「代码质量」面板,点击「建议去除」后,可以打开代码依赖分析面板的「无依赖文件」页面,这里可以看到代码包里没有被用到的文件。请在代码包中去除这部分文件,减小体积并优化加载速度。

在本地开发的过程中,会自动过滤无依赖的文件,如果出现误过滤的情况,可以在 project.config.json 的 setting 字段中添加 ignoreDevUnusedFiles 为 false,也可以在 packOptions 的 include 字段中手动将被忽略的文件引入,同时欢迎发帖反馈误报的情况提交代码片段帮助我们完善此功能

注意:页面若为配置在 app.json 中,将被识别为无依赖文件

image

12. 未开启组件懒注入(按需注入)

【必须】在 app.json 中加入 "lazyCodeLoading": "requiredComponents" 可以开启小程序组件按需注入特性。

其他优化内容,请点击学习《小程序性能优化实践》课程

image

转载自:小程序性能优化指南

标签:指南,插件,代码,程序,体积,分包,组件,优化
From: https://www.cnblogs.com/Megasu/p/17771410.html

相关文章

  • Nacos安装指南(Linux版本)
    windows版本安装指南地址(https://www.cnblogs.com/gfl-1112/p/17771364.html)1.Linux安装Linux或者Mac安装方式与Windows类似。1.1.安装JDKNacos依赖于JDK运行,索引Linux上也需要安装JDK才行。上传jdk安装包:上传到某个目录,例如:/usr/local/ 然后解压缩:tar-xvfjdk-8u144......
  • Nacos安装指南(windows版本)
    1.Windows安装开发阶段采用单机安装即可。1.1.下载安装包在Nacos的GitHub页面,提供有下载链接,可以下载编译好的Nacos服务端或者源代码:GitHub主页:https://github.com/alibaba/nacosGitHub的Release下载页:https://github.com/alibaba/nacos/releases如图:1.2.解压将这个包解......
  • 【前缀和优化 dp】CF1542E2 Abnormal Permutation Pairs (hard version) 题解
    CF1542E2首先时间复杂度肯定是\(\mathcal{O}(n^3)\)的。容易想到先枚举最长公共前缀,然后枚举\(p_{len+1}\)和\(q_{len+1}\),再枚举逆序对数进行统计。令\(f_{i,j}\)表示有\(j\)个逆序对的\(i\)阶排列的个数。易得转移\(f_{i,j}=\sum\limits_{k=\max(j-i+1,0)}^{j}f......
  • 小程序技术在信创操作系统里的应用趋势
    小程序技术在信创操作系统中的应用前景非常广阔,但也面临着一些挑战和问题。开发者需要积极应对这些挑战和问题,为信创操作系统的发展和推广做出贡献。同时,开发者也需要关注小程序技术在信创操作系统中的应用趋势,积极探索新的应用场景和商业模式,为企业和用户带来更多的创新和价值。......
  • 关于STM32 HAL库版本IAP升级跳转一直进入HAL_Delay()函数;只需要在升级 程序中加入如下
    __set_FAULTMASK(1);/*setvectortable/SCB->VTOR=FLASH_BASE|0x1F800;///USERCODEEND1*//*MCUConfiguration--------------------------------------------------------//Resetofallperipherals,InitializestheFlashinterfaceandtheSystick......
  • 【问题记录】自定义注解处理程序 AbstractProcessor,总是提示版本不匹配
    1  前言最近在看注解处理程序,自己写一个 AbstractProcessor,发现有个莫名的提示:2 解决加上支持的版本即可,唉,折腾人。......
  • 【专题】2023年小红书服饰、美妆、母婴、食品四大类营销趋势及实操指南报告PDF合集分
    原文链接:https://tecdat.cn/?p=33866品牌一直在思考如何更好地了解消费者的需求,特别是在年轻化和线上消费趋势加强的母婴行业。根据《2023母婴行业数据报告合集》,短视频直播平台成为该行业新的增长点。报告合集显示,母婴商品的消费人数在2022年全年和2023年前两个月均呈快速增长趋......
  • CentOS 在无网络环境安装应用程序(RPM方式)
    总体思路:找一台可以联网的linux,下载docker的RPM依赖包而不进行安装(yumlocalinstall),将所有依赖的rpm环境打包好,再在无网环境中解压逐一安装(rpm:--force--nodeps)。当前示例的操作系统是:CentOS7.9.2009(Core)1.在联网的系统中,下载RPM包更新Yum缓存yummakecachefast......
  • 【Unity3D】程序纹理简单应用
    1几何纹理应用​本文所有案例的完整资源详见→Unity3D程序纹理简单应用。1.1边框​1)边框子图​Border.shadersubgraph​说明:Any节点用于判断输入向量中是否存在一个分量非零,Branch节点根据输入的真假走不同的分支,详见→ShaderGraph节点。​2)圆环......
  • 微信小程序自定义 底部状态栏 闪烁
    微信小程序底部状态栏,自定义组件时,会出现闪烁情况,这个没有办法结局https://blog.csdn.net/weixin_44221219/article/details/130790315?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~Rate-1-130790315-blog-121462603.235^v3......