VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
荫云优惠活动
wexlayer优惠活动
最新

如果我的小程序大小超出了限制,除了外包还能做什么?如何避免和解决大小限制?

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如果我的小程序的大小超出了限制,除了外包之外,还有什么办法可以避免超出大小限制呢?下一篇文章将介绍如何避免和解决大小限制。你。 希望对你有帮助!

前几天,一个刚入行的朋友问我,为什么他提交一个小程序时,代码提示太大了?我在微信上问的。 我该如何解决? 当然,分包几乎可以解决微信小程序的发送大小限制,但我还是让他把提示内容发给我。 我看到它超过4-500kb。 如果分包不过分,只要让静态资源收缩就可以了。 但后来我想,分包除了解决规模问题还有什么好处呢?

文:微信目前小程序的大小限制以及为什么要限制大小:

1️⃣首先我们看一下目前微信小程序的大小限制: 1、分包数量没有限制。                                                                                                                                                                         3、一件包裹尺寸不能超过2米。 2️⃣ 那么微信小程序为什么会有大小限制呢?因为小程序的最初目的就是做你使用、退出的轻量级应用。 不建议将其设计为应用程序,因此由于启动速度等原因存在大小限制。

如何避免和解决大小限制:

了解上述相关限制,有助于你在开发过程中避免小程序大小超过2m(当然,这是一个商城什么的大小)很大(我没说)

1.使用第三方库按需加载

比如你的项目中使用echart的话,通常会 它使用了多个图标,因此您无需在安装过程中下载所有 echarts。 直接在echarts官网在线定制可以节省1.5点以上(由于问题,不建议使用echarts中国地图)。 与我们使用的一些 UI 库一样,如果可能的话可以按需导入。 如果不能按需部署,则进行更改。

这里推荐一组微信小程序常用的UI库。

1. 官方WeUI群组软件库

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/

2.ColorUI

3. Vant Weapp UI

4. iView UI

5. TaroUI

如何调整图像大小

2.压缩图像和其他静态文件

您的项目总是使用大量照片。 通常,此设计会将单个图像加倍或加倍,从而允许您根据分辨率显示不同的加倍。 事实上,根据经验,无论分辨率如何,您都可以通过将图像增加三倍来无损压缩图像(不推荐)。 这通常会将图像尺寸减小 70%。 这里推荐图片压缩地址(https://tinypng.com/)。

3. 静态资源放置在云服务中

您可以将打包文件中的静态资源缩小,并在云服务中使用。 您项目的静态文件放置在OSS上,可以使用CDN加速并减少代码大小。 如果您想创建自己的云服务器来存储静态资源,我们推荐使用七牛云。 注册七牛云账号 - > 在所有产品中搜索对象存储 - > 上传照片 - > 复制链接 ⚠️注意:如果您没有访问权限,则可能需要配置防盗链。 。 自己百度一下怎么设置?

4.使用分包

回到解决大小限制的正统方法,我们先来看文章开头提出的问题。 除了解决规模问题外,分包还有哪些好处?要回答这个问题,首先要了解分包是如何运作的。 当小程序启动时,默认会下载主包并启动主包内的页面。 当用户进入分包页面时,客户端会下载分包,下载完成后展示。

因此,上面的问题很容易回答。 分包小程序可以优化小程序首次启动时的下载时间,并在多个团队共同开发时更好地隔离协作。

那么,如果你想分包的话该怎么办呢?该怎么办? :下面是native、uniapp、taro常用的分包方式。 三种开发方式除了配置文件名不同外,代码是相同的。 键是项目目录和子包字段。

Native:

// 在 app.json 的 subpackages 字段中声明项目的子包结构 { "pages":[主包 "pages/index", "pages/logs" ], " subpackage ": [分包商 "root": "packageA", "pages": [ "pages/cat", 子包相对于根 "pages/dog" 的路径 ] }, { "root": "packageB", "name": "pack2 ", "pages": [ " Pages/apple", "pages/banana" ] }, { root: 子包根目录 name: 子包别名, 可以在以下情况使用分包预下载页面 s: 分包页面数组 相对于分包根目录的路径 individual:true|false 分包是否为独立分包 包结构代码和原来一样,关键是分包字

taro:

// src目录下的app.jsx中的配置代码与原生相同。 关键是分包字段。 结论:

微信小程序分包其实是一个很简单的操作,但是老板们再次使用的时候还是需要学习一下其他的知识,比如异步分包、预下载、独立分包等等。

最后,前段时间我参加了年度人气排行榜。 其实我知道这个名单没什么意义,但最终的第54名的结果仍然让我感到空虚。 对我来说,这个标志的意义就是鼓励我在新的一年里输出更高质量的文章,对得起这个称号。 让我们大家一起尽力吧。

最后,祝大家学业、事业一切顺利。

【相关学习推荐:小程序开发教程】

PHP轻松学习视频免费教程(从初学者到专家)

如何学习PHP PHP应该从哪里开始?我学PHP怎样才能快速学好PHP呢? 这里有简单的 PHP 学习教程(从初学者到专家)。 您可以保存并下载您想学习的朋友。

下载

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如果我的小程序大小超出了限制,除了外包还能做什么?如何避免和解决大小限制? https://zhujicankao.com/142347.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如果我的小程序大小超出了限制,除了外包还能做什么?如何避免和解决大小限制?
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!