小程序优化指南(主包过大、组件不通过、图片和音频资源超过200K)

本文主要讲述在小程序预览和发布过程中遇到图片和音频文件内存过大，启用组件按需注入，主包超过1.5M等问题，会导致我们预览项目失败，记得-点赞收藏＋关注

计算机毕设可以找我 

 一，问题再现

  刚上手小程序的小伙伴在预览项目时大部分会遇到以下问题 

 

 

二，问题解析 

 一般在我们学习的阶段，代码所占的大小不会超过1.5M，可想而知，是因为引入的图片过大所致

  在小程序启动的过程中，除了代码包下载以外，代码注入也是一个主要的耗时环节。注入代码量的大小与内存占用与注入耗时正相关。

  利用按需注入的特性，可以优化代码注入环节的耗时和内存占用。

【建议】小程序代码包里可以存放一些必要的静态资源（例如tabbar的icon等），不过静态资源体积过大也会影响小程序代码包加载速度。因此我们建议图片、音频等静态资源体积大小超过200K时，将它们上传到CDN，用URL引入会是个更好的选择。

三，问题解决 

 一，组件问题

  在app.json文件里配置

{
  "lazyCodeLoading": "requiredComponents"
}

  我们就可以看到组件已通过

   

二，图片和音频资源问题 

   以七牛云为例介绍一下如何使用cdn进行加速，包括图片的引用，当然自定义字体的引入也可以

 按照以上步骤就可注册使用

 点击左上角菜单选择对象储存，然后新建一个空间，自定义名称，访问记得公开

 然后上传文件，我们就可以把小程序用到的图片上传上去，源文件可删除 ，这样节省了大量空间

 点击详情 ，复制链接，就可以直接使用

  这样就可以了，问题解决，计算机毕设滴滴，有问题留言